DropdownList highlighted item using keyboard not in focus

[Pawan]

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/.

[Stefan]

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

[Pawan]

I used popupsettings prop of dropdownlist to increase just width of popup instead of dropdownlist and it seems to be working fine.

Regards,

Pawan

[Stefan]

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