SearchInput + dropdown focuses on the wrong element

[nickisaacs]

Issue

The dropdown automatically focuses on one of its child element when you search for something. If the results are large, then the focus sometimes happens to be on an item that is not in the user's view.

Expected behaviour

The element should not automatically get focus when the user searches for something. Let them press the arrow down or select something themselves. Looks like it is matching the value field. Sometimes we pass IDs for the values so this fails there as well.

Stackblitz

IDK why the text in the search input is misaligned
https://stackblitz.com/edit/vitejs-vite-hzvftpfp?file=package.json,index.html,src%2FApp.tsx
Blade Version: 12.4.0

Video

Screen.Recording.2025-01-24.at.12.52.19.PM.mov