Feature: <Dropdown.Menu/> custom `aria-labelledby` property
Nobody has claimed this yet.
Assessment
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Newbie friendliness
- 35/100
- Issue type
- Feature
- Clarity
- Mostly clear
- Activity status
- Stale
- Tech stack
- react, typescript
- Domain
- accessibility, frontend
Research direction
Start with the <Dropdown.Menu/> component and trace how the @restart/ui useDropdownMenu() hook applies aria-labelledby. Determine whether an opt-out flag or reapplication in Dropdown.Menu fits the existing behavior; done means a custom aria-labelledby value is preserved without breaking the generated toggler relationship.
Written by the indexing model from the issue text.
Description
Is your feature request related to a problem? Please describe
Currently, <Dropdown.Menu/> component doesn't accept a custom aria-labelledby property.
The properties generated by @restart/ui useDropdownMenu() hook overwrite any custom-passsed aria-labelledby property with a toggler element id which is not correct:
https://github.com/react-restart/ui/issues/50
Describe the solution you'd like
The solution would be @restart/ui adding an opt-out flag or something.
Or maybe <Dropdown.Menu/> component re-applying a custom aria-labelledby property over the one generated by @restart/ui useDropdownMenu() hook.
Describe alternatives you've considered
No response
Additional context
No response
- Dominant language
- TypeScript
- Stars
- 22.6k
- Forks
- 3.6k
- PR merge metrics
- No merged PRs in 30d
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from react-bootstrap/react-bootstrap
-
enhancement
Difficulty 3/5 1-2 days Newbie friendliness 48/100
react-bootstrap/react-bootstrap#6989 ·
-
Difficulty 5/5 Over a week Newbie friendliness 10/100
react-bootstrap/react-bootstrap#6987 · 2 comments · 1 reaction ·
-
bug
Difficulty 3/5 1-2 days Newbie friendliness 55/100
react-bootstrap/react-bootstrap#6985 · 2 comments ·
-
enhancement
Difficulty 5/5 Over a week Newbie friendliness 35/100
react-bootstrap/react-bootstrap#6984 ·
-
enhancement
Difficulty 3/5 1-2 days Newbie friendliness 35/100
react-bootstrap/react-bootstrap#6962 · 1 comment ·
All issues in react-bootstrap/react-bootstrap
Similar issues
-
comp/dashboard P3 type/bug
Difficulty 2/5 1-3 hours Newbie friendliness 86/100
NousResearch/hermes-agent#117722 ·
-
clawsweeper:fix-shape-clear clawsweeper:queueable-fix clawsweeper:source-repro impact:ux-friction issue-rating: 🦞 diamond lobster no-stale P3
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
-
community first-timers-only good first issue hacktoberfest help wanted low hanging fruit up-for-grabs
Difficulty 1/5 Under an hour Newbie friendliness 76/100
-
code-quality refactoring
Difficulty 2/5 1-3 hours Newbie friendliness 84/100
github/gh-aw-firewall#8816 ·
-
integration:quickjs org:external priority:backlog topic:code-interpreter topic:middleware type:feature
Difficulty 2/5 1-3 hours Newbie friendliness 74/100
langchain-ai/deepagents#6450 ·