fix(prejoin): Auto focus display name input

This commit is contained in:
Vlad Piersec 2020-08-07 10:27:29 +03:00
parent 1a957ed85b
commit b670b29d7f
No known key found for this signature in database
GPG Key ID: C22874C85C56E442
2 changed files with 7 additions and 0 deletions

View File

@ -6,6 +6,11 @@ import { getFieldValue } from '../../../react';
type Props = {
/**
* If the input should be focused on display.
*/
autoFocus?: boolean,
/**
* Class name to be appended to the default class list.
*/
@ -109,6 +114,7 @@ export default class InputField extends PureComponent<Props, State> {
render() {
return (
<input
autoFocus = { this.props.autoFocus }
className = { `field ${this.state.focused ? 'focused' : ''} ${this.props.className || ''}` }
data-testid = { this.props.testId ? this.props.testId : undefined }
onBlur = { this._onBlur }

View File

@ -279,6 +279,7 @@ class Prejoin extends Component<Props, State> {
<div className = 'prejoin-input-area-container'>
<div className = 'prejoin-input-area'>
<InputField
autoFocus = { true }
onChange = { _setName }
onSubmit = { joinConference }
placeHolder = { t('dialog.enterDisplayName') }