kendo-react icon indicating copy to clipboard operation
kendo-react copied to clipboard

Vertical scrollbar in ComboBox menu disappears when the window is stretched

Open veej opened this issue 1 year ago • 0 comments

I'm submitting a...

  • Bug report

Current behavior

Vertical Scrollbar in the ComboBox menu list disappears and menu maxHeight is removed when the window is stretched under a certain breakpoint. See the reproduction section for a demo.

Expected behavior

ComboBox menu should be scrollable also on smaller windows.

Minimal reproduction of the problem with instructions

This behavior can also be seen in the official documentation (https://www.telerik.com/kendo-react-ui/components/dropdowns/combobox/): https://github.com/telerik/kendo-react/assets/925635/73ad2cbf-7dfc-406c-b90b-a0253866f978

What is the motivation or use case for changing the behavior?

The ComboBox menu breaks when the user stretches the window. This should not be an intended behavior.

Environment

Package versions: The problem is reproducible on your demo site.

Browser:

  • Chrome (desktop) version 119.0.6045.159

System:

  • Platform: Mac

Digging into the private repo code, I see this logic in the ListComponent used inside ComboBox:

wrapperStyle={(this.state.windowWidth && this.state.windowWidth > MOBILE_MEDIUM_DEVISE)
   ? { maxHeight: popupSettings.height }
   : {}
}

Shouldn't you at least check that the adaptive prop is true, so that we can at least switch this behavior off?

veej avatar Nov 22 '23 09:11 veej