react-component / react-component/tree-select
Accessibility issue due to ARIA
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 312
- Forks
- 204
- Avg merge
- 37m
- Merged PRs (30d)
- 1
Description
We are getting accessibility issue due to ARIA properties in single select field. Here is the report
Configuration:
<TreeSelect
style={{width: '100%'}}
transitionName="rc-tree-select-dropdown-slide-up"
choiceTransitionName="rc-tree-select-selection__choice-zoom"
dropdownStyle={{maxHeight: 350, overflow: 'auto'}}
placeholder={t('Category')}
searchPlaceholder={t("Search")}
showSearch
allowClear
treeLine
labelInValue
value={selectedCategory}
treeData={treeCategoryList}
treeNodeFilterProp="title"
filterTreeNode={true}
onChange={this.categoryOnSelect}
/>
The PR might have worked in previous version: https://github.com/react-component/tree-select/pull/112 not in the current version
Contributor guide
No contributing guide indexed for this repository
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.
Research direction
Start at the TreeSelect usage shown in the report and compare the current ARIA behavior with PR #112. Confirm that the single-select field no longer triggers the reported accessibility violation; the issue does not name a file or test.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100