Fix tabbing through room sublist

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
Michael Telatynski 2019-10-17 17:03:37 +01:00
parent f09a3b4281
commit 3eef1bf87e

View file

@ -128,7 +128,7 @@ const RoomSubList = createReactClass({
this._headerButton.current.focus(); this._headerButton.current.focus();
}, },
onKeyDown: function(ev) { onHeaderKeyDown: function(ev) {
switch (ev.key) { switch (ev.key) {
case Key.TAB: case Key.TAB:
// Prevent LeftPanel handling Tab if focus is on the sublist header itself // Prevent LeftPanel handling Tab if focus is on the sublist header itself
@ -297,7 +297,7 @@ const RoomSubList = createReactClass({
} }
return ( return (
<div className="mx_RoomSubList_labelContainer" title={title} ref="header"> <div className="mx_RoomSubList_labelContainer" title={title} ref="header" onKeyDown={this.onHeaderKeyDown}>
<AccessibleButton <AccessibleButton
onClick={this.onClick} onClick={this.onClick}
className="mx_RoomSubList_label" className="mx_RoomSubList_label"
@ -391,7 +391,6 @@ const RoomSubList = createReactClass({
className={subListClasses} className={subListClasses}
role="group" role="group"
aria-label={this.props.label} aria-label={this.props.label}
onKeyDown={this.onKeyDown}
> >
{ this._getHeaderJsx(isCollapsed) } { this._getHeaderJsx(isCollapsed) }
{ content } { content }