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

[endigo9740]

Just FYI, we've outlined our plans for Skeleton v2 going forward in the post below. I'm am reaching out now as a heads up, as this ticket is slated to be closed when Skeleton v3 is released. Full details can be found here:

• Notice of End of Life for Skeleton v2 #3063

If you no longer feel your issue is relevant, please feel free to close it directly.

And if you have any follow up questions, please feel free to reach out in the comments below. Thanks!