You've already forked matrix-react-sdk
mirror of
https://github.com/matrix-org/matrix-react-sdk.git
synced 2025-11-08 21:42:24 +03:00
Fix tabbing through room sublist
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
@@ -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 }
|
||||||
|
|||||||
Reference in New Issue
Block a user