Hi,
When we press key n on keyboard dropdown list is highlighting first item with n key but it's not in focus we have to move scrollbar to see highlighted lighted. similarly with some other items. Highlighting is always right it's just not in view. I am attaching sample data. Is there some limitation .Are there any other way to achieve this.Sample data is big json I am not sure it is the reason. I have utilized the sample mentioned in link https://www.telerik.com/kendo-react-ui/components/dropdowns/dropdownlist/.
3 Answers, 1 is accepted
Hello, Pawan,
Thank you for the details.
This occurs because currently, this works only when all items are displayed in a single row. As in the data, there are longer items shown on two lines, the calculations are wrong.
Making the DropDownList bigger solves it:
https://stackblitz.com/edit/react-m72vhk?file=app/main.jsx
Still, we agree that this is not perfect behavior and have an issue to resolve it:
https://github.com/telerik/kendo-react/issues/284
Regards,
Stefan
Progress Telerik
Rank 1
I used popupsettings prop of dropdownlist to increase just width of popup instead of dropdownlist and it seems to be working fine.
Regards,
Pawan
Hello, Pawan,
Yes, this is indeed a very nice workaround, as it allows to keep the actual DropDownList the same.
I will share it in the issue, so people of the community can use this interesting workaround.
Regards,
Stefan
Progress Telerik