Select loading label and empty options text can be selected using a keyboard
- Dominant language
- TypeScript
- Stars
- 53
- Forks
- 63
- Avg merge
- 2d 4h
- Merged PRs (30d)
- 15
Description
## Summary of the bug
loadingLabel and emptyOptionsListText can be selected as options using the keyboard for a select.
The bug only seems to be reproducible in stackblitz, not the storybook playground, and only seems to affect single, non-searchable select (e.g. ``
## 🪜 How to reproduce
1. Open the [Stackblitz example](https://stackblitz.com/edit/xnr1rzzw?file=index.html&hideExplorer=1)
2. Focus the select with a keyboard or mouse then use the arrow keys to open it and select the loadingLabelText, as if it's an option. You should be able to reproduce the first screenshot below.
3. Remove the loading prop and repeat. You should be able to reproduce the second screenshot below.
## 📸 Screenshots or code


## 📝 Acceptance Criteria
1. loadingLabel and emptyOptionsListText cannot be selected as options using any input method
2. Bug is not present when components are used in a local test project (not just storybook playground)
Contributor guide
Research direction
Start with the ic-select component entry point and reproduce the issue using the linked StackBlitz index.html, focusing on a single, non-searchable select with loading or empty options. Verify keyboard and mouse behavior in a local test project, then confirm that loadingLabel and emptyOptionsListText cannot be selected as options.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 48/100