https://pasteboard.co/5QAzKRhvOvWq.png
Hi,
Can you try to add overflow-hidden
class to the input container element?
Regards.
Hi,
this is overflow-hidden (the third input), so not much better
https://pasteboard.co/4PKT8rzGsGqf.png
I'm using
.form-floating > label { max-width: 100%; }
but that doesn't work very well either
Hi,
Please note that this is Bootstrap floating label input's default behavior.
If you force the label to wrap the text then it will overlap the text input itself.
In your case please try to reduce the form label's text.
Regards.