mi6 / mi6/ic-ui-kit

Select loading label and empty options text can be selected using a keyboard

Open
#3,505 0 comments 0 reactions 0 assignees View on GitHub
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

![Select in a loading state with loadingLabelText selected](https://github.com/user-attachments/assets/8f2e8f3d-5c32-4633-9d89-c840c16ee59e)

![Select in a loading state with emptyOptionsListText selected](https://github.com/user-attachments/assets/da1bcb6c-f948-4384-9938-8690f12040e4)

## 📝 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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.