fix(Toolbox): Fix toolbox display when accessing it via keyboard

This commit is contained in:
Mihai-Andrei Uscat 2021-01-15 13:43:09 +02:00 committed by GitHub
parent b65e61f633
commit 8aae2065dc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 17 additions and 1 deletions

View File

@ -73,7 +73,8 @@ import {
import {
setFullScreen,
setOverflowMenuVisible,
setToolbarHovered
setToolbarHovered,
setToolboxVisible
} from '../../actions';
import { isToolboxVisible } from '../../functions';
import DownloadButton from '../DownloadButton';
@ -238,6 +239,7 @@ class Toolbox extends Component<Props, State> {
this._onMouseOver = this._onMouseOver.bind(this);
this._onResize = this._onResize.bind(this);
this._onSetOverflowVisible = this._onSetOverflowVisible.bind(this);
this._onTabIn = this._onTabIn.bind(this);
this._onShortcutToggleChat = this._onShortcutToggleChat.bind(this);
this._onShortcutToggleFullScreen = this._onShortcutToggleFullScreen.bind(this);
@ -368,6 +370,7 @@ class Toolbox extends Component<Props, State> {
<div
className = { rootClassNames }
id = 'new-toolbox'
onFocus = { this._onTabIn }
onMouseOut = { this._onMouseOut }
onMouseOver = { this._onMouseOver }>
<div className = 'toolbox-background' />
@ -698,6 +701,19 @@ class Toolbox extends Component<Props, State> {
this._doToggleScreenshare();
}
_onTabIn: () => void;
/**
* Toggle the toolbar visibility when tabbing into it.
*
* @returns {void}
*/
_onTabIn() {
if (!this.props._visible) {
this.props.dispatch(setToolboxVisible(true));
}
}
_onToolbarOpenFeedback: () => void;
/**