fix(Toolbox): Fix toolbox display when accessing it via keyboard
This commit is contained in:
parent
b65e61f633
commit
8aae2065dc
|
@ -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;
|
||||
|
||||
/**
|
||||
|
|
Loading…
Reference in New Issue