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
<divclass="form-floating" width="50%"><selectclass="form-control" id="floatingSelect" aria-label="Floating label select example" multiple="false" size="5"><optionselected>Open this select menu</option><optionvalue="1">One</option><optionvalue="2">Two</option><optionvalue="3">Three</option><optionvalue="4">four</option><optionvalue="5">five</option><optionvalue="6">six</option><optionvalue="7">seven</option></select><labelfor="floatingSelect">Works with selects</label></div>
i am using floating label for selecting multiple items with the above snippet. the problem is that the options texts are overriding the label text which doesn't look good when scrolling.
No plans to support this given the inconsistencies between <select>s across browsers. I'll add a note to our docs though about the compatibility issue—see #32744.
i am using floating label for selecting multiple items with the above snippet. the problem is that the options texts are overriding the label text which doesn't look good when scrolling.
Bug reports must include:
as you can see the floating label with multiple select options, the option contents are overriding label
The text was updated successfully, but these errors were encountered: