I have a dropdown component with a search textbox and a clear icon, added using the HeaderTemplate. The dropdown items are displayed using the Template, where each item is represented with an image and accompanying text. The functionality works as expected except for one issue: when using the arrow down key to navigate through the dropdown items, the focus doesn't move correctly when the item I am trying to search is not the item selected. This seems to be due to the startIndex being set to the index of the already selected value, which can sometimes be greater than the total number of dropdown items. How can I ensure that the arrow key navigation properly focuses on the dropdown items regardless of the startIndex?
Try to replicate your case using our demos - they are editable!