You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Hi.
Since Bootstrap 5.2 there is a problem with floating labels.
To version <= 5.2 floating labels always stuck to the left of input, regardless of optional parent text-center class.
From version 5.2, the label and placeholder are centered and it doesn't look like the intended action, because the label is not exactly centered (as shown in the picture or attached codepen: https://codepen.io/horacy007/pen/eYMVemr).
Prerequisites
Describe the issue
Hi.
Since Bootstrap 5.2 there is a problem with floating labels.
To version <= 5.2 floating labels always stuck to the left of input, regardless of optional parent text-center class.
From version 5.2, the label and placeholder are centered and it doesn't look like the intended action, because the label is not exactly centered (as shown in the picture or attached codepen: https://codepen.io/horacy007/pen/eYMVemr).
Reduced test cases
https://codepen.io/horacy007/pen/eYMVemr
What operating system(s) are you seeing the problem on?
Windows, macOS, Android, iOS, Linux
What browser(s) are you seeing the problem on?
Chrome, Safari, Firefox, Microsoft Edge, Opera
What version of Bootstrap are you using?
5.2
The text was updated successfully, but these errors were encountered: