haskal
/
jiti-meet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
react/features/base/premeeting/components/web/InputField.js
View File

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

1
react/features/prejoin/components/Prejoin.js
View File

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