Select Keyboard Shortcuts Bug

[jjones315]

Describe the bug

When focused on a select trigger, typing "a" on the keyboard should select the first element in the list that starts with "a", instead the first key click opens the popover and the next click focuses the appropriate item and subsequent clicks work appropriately.

to reproduce

focus native select element
type s "Svelte Orange 1" is selected
type s again "Svelte Orange 2" is selected

tab to focus bits-ui select element
type s popover is opened
type s again "Svelte Orange 1" is selected
type s again "Svelte Orange 2" is selected

Reproduction

https://stackblitz.com/edit/github-qqrtjo?file=src%2Froutes%2F%2Bpage.svelte

Logs

No response

System Info

System:
    OS: Windows 11 10.0.22621
    CPU: (32) x64 13th Gen Intel(R) Core(TM) i9-13900
    Memory: 4.63 GB / 31.70 GB
  Binaries:
    Node: 21.6.2 - C:\Program Files\nodejs\node.EXE
    npm: 10.2.4 - C:\Program Files\nodejs\npm.CMD
    pnpm: 8.15.4 - ~\AppData\Local\pnpm\pnpm.EXE
    bun: 1.1.15 - ~\AppData\Roaming\npm\bun.CMD
  Browsers:
    Edge: Chromium (126.0.2592.87)
    Internet Explorer: 11.0.22621.3527
  npmPackages:
    @sveltejs/kit: ^2.5.10 => 2.5.17
    bits-ui: ^0.21.10 => 0.21.10
    svelte: 5.0.0-next.162 => 5.0.0-next.162

Severity

annoyance

[huntabyte]

Closing as fixed in bits-ui@next

[jjones315]

Hi! @next is closer to native, but still not 100%. when there are multiple options hitting the leading character again does not cycle through the options. for example US States 'T' goes to "TX" instead of "TN" as the native select does, then hitting 'T' does not cycle through 'TN' and TX'.

Let me know if a repro would help, in theory the old demo still still demonstrates the issue but its still pointing @latest.

Thanks!

[jjones315]

After testing again, when the select box is open 'Tx' is selected as stated about, When closed 'Tn' is selected. neither state will cycle correctly.