kendo-react
kendo-react copied to clipboard
Vertical scrollbar in ComboBox menu disappears when the window is stretched
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?