mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-10-25 04:05:55 +03:00
Code Issues Projects Releases Packages Wiki Activity

Handle ARROW_RIGHT on group node in treelist as per aria suggestions

Browse source 
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
Michael Telatynski 2019-10-17 17:30:37 +01:00
parent afe2226cb8
commit f72ff95efb
1 changed files with 39 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
src/components/structures/RoomSubList.js
View file

@ -133,14 +133,50 @@ const RoomSubList = createReactClass({
// Prevent LeftPanel handling Tab if focus is on the sublist header itself
ev.stopPropagation();
break;
case Key.ARROW_RIGHT:
case Key.ARROW_RIGHT: {
ev.stopPropagation();
if (this.state.hidden && !this.props.forceExpand) {
// sublist is collapsed, expand it
this.onClick();
} else {
// TODO go to first element in subtree
} else if (!this.props.forceExpand) {
// sublist is expanded, go to first room
let element = document.activeElement;
let descending = true;
let classes;
do {
const child = element.firstElementChild;
const sibling = element.nextElementSibling;
if (descending) {
if (child) {
element = child;
} else if (sibling) {
element = sibling;
} else {
descending = false;
element = element.parentElement;
}
} else {
if (sibling) {
element = sibling;
descending = true;
} else {
element = element.parentElement;
}
}
if (element) {
classes = element.classList;
}
} while (element && !classes.contains("mx_RoomTile"));
if (element) {
element.focus();
}
}
break;
}
}
},