imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Implement roving tab index context based magic thing and demo on LeftPanel

Browse source 
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
Michael Telatynski 2020-01-15 02:44:22 +00:00
parent 23633abc10
commit 5252cf4c45
7 changed files with 242 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/components/views/rooms/RoomTile.js
View file

@ -32,6 +32,7 @@ import ActiveRoomObserver from '../../../ActiveRoomObserver';
import RoomViewStore from '../../../stores/RoomViewStore';
import SettingsStore from "../../../settings/SettingsStore";
import {_t} from "../../../languageHandler";
import {RovingTabIndex} from "../../../contexts/RovingTabIndexContext";
module.exports = createReactClass({
displayName: 'RoomTile',
@ -432,8 +433,9 @@ module.exports = createReactClass({
}
return <React.Fragment>
<AccessibleButton
tabIndex="0"
<RovingTabIndex
component={AccessibleButton}
useInputRef
className={classes}
onClick={this.onClick}
onMouseEnter={this.onMouseEnter}
@ -461,7 +463,7 @@ module.exports = createReactClass({
</div>
{ /* { incomingCallBox } */ }
{ tooltip }
</AccessibleButton>
</RovingTabIndex>
{ contextMenu }
</React.Fragment>;