JedWatson / JedWatson/react-select

Name property is not defined for option in the animation color dropdown.

Open Beginner friendly
#5,856 3 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

issue/bug-unconfirmed
Dominant language
TypeScript
Stars
28k
Forks
4.1k
PR merge metrics
No merged PRs in 30d

Description

React version: 16.8.0

Steps To Reproduce

1.Open React Select (react-select.com).
2.Navigate to the custom styles.
3.Navigate to 'Animation' dropdown.
4. Observe whether name property is defined for option in the animation color dropdown or not.

Link to code example:

React Select (react-select.com).

Current behavior
Name property is not defined for option in the animation color dropdown.

Excepted behavior
Name should be define for option in the animation color dropdown.

Attachments
screen reader behavior-react

https://github.com/JedWatson/react-select/assets/93735775/ff224ffe-5a07-4d41-b156-e1107b981aa4

Name not defined

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start at the React Select custom styles example linked in the issue and inspect the Animation color dropdown and its option rendering. Confirm how the option's accessible name is exposed, then verify with the reported screen-reader behavior; done means the option has a defined name and the dropdown still works correctly.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
accessibility, frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
65/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.