I’m looking at using a Heading-less Single-Select drop-down list component with hasAutocomplete enabled but have discovered the following 4 unexpected behaviours:
On the component demo area for the With Autocomplete example using keyboard only…
Selecting anything from the City section then trying to select Sheep initially doesn’t work if using just the keyboard.
Selecting the Item that has no Heading will happen when you think you’ve selected the disabled item so it seems item placement is getting mixed up inside their component (can happen with mouse too)
The currently selected item is being removed from the list of selection options, which creates confusion.
When selecting a different item, headless ones cause the blue selection to vanish so you don’t know what’s selected… if anything.
It’s like there are invisible items in the table it’s pretty strange.
Link to demo area: https://ak-mk-2-prod.netlify.com/packages/elements/single-select
At a best guess i’d say the observed glitches stem from 2 things -> Heading-less items and selected items being kind of removed from the list