fix(prejoin): Auto focus display name input
This commit is contained in:
parent
1a957ed85b
commit
b670b29d7f
|
@ -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 }
|
||||
|
|
|
@ -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') }
|
||||
|
|
Loading…
Reference in New Issue