Autocomplete: only visible items are reachable via tab when autocomplete is scrollable

[Robin-w151]

Current Behavior

If there are enough items available that the autocomplete is scrollable, only the visible items are reachable via tabbing.

Expected Behavior

I would expect that all items are keyboard reachable.

Steps To Reproduce

1. Goto https://www.skeleton.dev/components/autocomplete
2. Click into the first autocomplete example and try to reach 'Pineapple' item via tabbing
3. After pressing tab when 'Neapolitan' is selected, the focus jumps back to the input

Link to Reproduction / Stackblitz

https://www.skeleton.dev/components/autocomplete

More Information

Skeleton version: 2.10.0

[endigo9740]

@Robin-w151 I'm struggling to replicate this. Can you share more details about the environment you're testing this in - OS/device/browser/etc. Anything relevant.

Here's what I see when testing in Chrome on macOS:

[Robin-w151]

@endigo9740 Thanks for your reply.

Apparently, this behavior only occurs on Linux. When testing this on MacOS (14.5), everything works.

OS: Kubuntu 23.10 (Plasma version: 5.27.8)
Browsers: Firefox and Chrome

NOTE: on Edge (chromium) it seems to work correctly

autocomplete_linux_firefox.webm

autocomplete_linux_chrome.webm