sorb/ThreadNet-Web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

Dropdown follow wai-aria practices for expanding on arrow keys (#7277)

Browse Source
This commit is contained in:
Michael Telatynski
2021-12-06 09:25:44 +00:00
committed by GitHub
parent ca6feaad89
commit 7dfdb06627
1 changed files with 14 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/views/elements/Dropdown.tsx
+14 -6
View File
@@ -222,14 +222,22 @@ export default class Dropdown extends React.Component<IProps, IState> {
this.close(); this.close();
break; break;
case Key.ARROW_DOWN: case Key.ARROW_DOWN:
this.setState({ if (this.state.expanded) {
highlightedOption: this.nextOption(this.state.highlightedOption), this.setState({
}); highlightedOption: this.nextOption(this.state.highlightedOption),
});
} else {
this.setState({ expanded: true });
}
break; break;
case Key.ARROW_UP: case Key.ARROW_UP:
this.setState({ if (this.state.expanded) {
highlightedOption: this.prevOption(this.state.highlightedOption), this.setState({
}); highlightedOption: this.prevOption(this.state.highlightedOption),
});
} else {
this.setState({ expanded: true });
}
break; break;
default: default:
handled = false; handled = false;