Search and Top Navigation
#15404 new bug ()
Opened June 23, 2021 10:16AM UTC
Last modified June 23, 2021 10:16AM UTC
Autocomplete with scrolling doesn't allow for scroll bar
Reported by: | AnthonyHallSRP | Owned by: | |
---|---|---|---|
Priority: | minor | Milestone: | none |
Component: | ui.autocomplete | Version: | 1.12.1 |
Keywords: | Cc: | ||
Blocked by: | Blocking: |
Description
When setting max-height and overflow-y:auto, the width of the menu does not allow for the scroll bar, so long items wrap. Setting overflow-y:scroll does work, but of course leaves the scroll bar in place when not needed.
Happens in Firefox, Chrome, Edge, but not IE
Seems to have been introduced in v1.12 - worked fine in 1.11.
To reproduce, copy the code of the scrollable results demo at https://jqueryui.com/autocomplete/#maxheight and add "A very long tag that is wider than the initial box" to available tags. This will wrap.
To see how wide the menu should be, change overflow-y to scroll: the long item will no longer wrap