Fix tabbing through room sublist
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
parent
f09a3b4281
commit
3eef1bf87e
1 changed files with 2 additions and 3 deletions
|
@ -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 }
|
||||||
|
|
Loading…
Reference in a new issue