Skip to main content

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

Attachments (0)
Change History (0)