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