After updating from bootstrap v5.3.0 alpha1 to v5.3.0 alpha3, I noticed a change in the form-floating feature. Previously, everything worked as expected, but now there are some areas where I can't click on the input fields when the floating label is active. Here is a comparison:
Old version (v5.3.0 alpha1):
https://i.sstatic.net/py0X1.jpg
New version (v5.3.0 alpha3):
https://i.sstatic.net/LWzza.jpg
The issue occurs in the login page source code of the new version where clicking on the input fields is restricted:
<style>
html,
body {
height: 100%;
}
...
...
</style>
<main class="form-signin w-100 m-auto">
<form action="<?= MAINTENANCE_URL ?>" method="POST">
...
...
</form>
</main>
On the other hand, the source code of the old version allows clicking on input fields without any restrictions:
<style>
html,
body {
height: 100%;
}
...
...
</style>
<body class="text-center">
<main class="form-signin w-100 m-auto">
...
...
</main>
</body>