We are experiencing an issue using custom rendering for the autocomplete component. It happens with the demo example as well.
https://www.telerik.com/kendo-react-ui/components/dropdowns/autocomplete/custom-rendering/#toc-items
Once you use the keyboard to navigate past the entry that breaks to a new line (Bosnia & Herzegovina 7) you no longer see the focused selection as you key down. So it seems to be related to the item heights and if they differ. We don't want to set a height since we have a variety of information. Is there anything we can do to alleviate this behavior?
Thanks!
4 Answers, 1 is accepted
Indeed, the AutoComplete relays on the items being the same height to correctly calculate the scroll position.
Currently, an option is to make AutoComplete large enough that all items will be on one line.
If this is possible, please let me know and I will try to see if we can offer another approach.
Regards,
Stefan
Progress Telerik
Rank 1
Veteran
Hi Stefan,
Thanks for the reply. It really isn't possible for us to have things on one line since we are bringing in different information based on the template the result uses. However we did notice the behavior seems to work properly on the Kendo UI for jQuery version, which we had previously implemented.
Thanks,
Bill
I agree that with dynamic items this is not a possible option.
I have logged this in our portal:
https://feedback.telerik.com/kendo-react-ui/1417040-autocomplete-focused-item-is-not-set-correctly-if-the-items-are-with-different-height
I have also added some Telerik points to your account.
Regards,
Stefan
Progress Telerik
Rank 1
Veteran