As per the heading, all the demos on the KendoReact MultiColumnComboBox have a lot of hardcoded data which results in a scrollbar being rendered in the popup. If you only have a few items, then no scrollbar is rendered and the column headers are misaligned with the data rows:
https://stackblitz.com/edit/react-gwftb5?file=app%2Fmain.tsx
Kind regards,
David
1 Answer, 1 is accepted
Hi, David,
Thank you for the provided example.
When there are fewer items rendered in the component and the height taken by the items is less than the Popup height, the y-axis scrollbar will not be shown. If you want to force the scrollbar to be shown in this case, you can set `overflow-y` of the `.k-dropdowngrid-popup` class to `scroll`:
On the other hand, regarding the header misalignment, indeed this issue appears only when the height taken by the items is less than the popup height. Therefore, I logged a GitHub item for this bug, you can track it here:
The item will be directly updated once there is any progress on the bug fix.
In addition, I updated your Telerik points as a small token of gratitude for your report.
Regards,
Wissam
Progress Telerik