Truncate floating labels
Created by: gerhard-lechner
Prerequisites
-
I have searched for duplicate or closed issues -
I have validated any HTML to avoid common problems -
I have read the contributing guidelines
Describe the issue
I realised that floating labels tend to get ugly if the label text is longer than the input field, pls see my pen link below.
This can be fixed by adding .w-100 and .text-truncate to the label. However, I would like to suggest that this should be the default without the need for any additional classes as a multiline floating label is never desirable.
Reduced test cases
https://codepen.io/gerhard-lechner/pen/GRQgQyW
What operating system(s) are you seeing the problem on?
macOS
What browser(s) are you seeing the problem on?
Chrome
What version of Bootstrap are you using?
v5.1