fix(mobile): show toolbox controls immediately on mobile browsers

The toolbox was hidden by default on mobile and only appeared on tap,
which users couldn't discover. Now shows controls on conference mount
since the mobile auto-hide timeout is already a no-op.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jeff Emmett 2026-03-11 17:31:41 -07:00
parent ec77b5f471
commit aa85248a22
1 changed files with 7 additions and 0 deletions

View File

@ -184,6 +184,13 @@ class Conference extends AbstractConference<IProps, any> {
override componentDidMount() {
document.title = `${this.props._roomName} | ${interfaceConfig.APP_NAME}`;
this._start();
// On mobile browsers, show the toolbox immediately since there is no
// mouse-move event to trigger it. The mobile timeout handler is a
// no-op so the toolbox stays visible until the user taps to hide it.
if (isMobileBrowser()) {
this.props.dispatch(showToolbox());
}
}
/**