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
It seems that in the latest version on form-floating>label there is a z-index:2; being added which wasn't there in earlier versions. Changing this back to width:100%; like before seems to solve it.
make sure you use the style property including the overflow: hidden; if even that doesn't work try using this <label for="floatingInput" style="max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
this shall make sure your text stays inside the input box and doesn't overflow.
Prerequisites
Describe the issue
In v5.3.0, when using a form floating input with a long label, the label is going outside of the the input field.
In v5.2, the label got truncated.
Reduced test cases
https://codepen.io/hwy/pen/mdayMmg
What operating system(s) are you seeing the problem on?
Linux
What browser(s) are you seeing the problem on?
Chrome
What version of Bootstrap are you using?
5.3.x
The text was updated successfully, but these errors were encountered: