phlux/mattermostest
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

[MM-22082] - Add focus to server name field in new server modal (#1208)

Browse Source 
* [MM-22082] - Add focus to server name field in new server modal

* Add focus for multiple initialisations

* Fix focus issues

Co-authored-by: Nevyana <nevyana@Nevyanas-MacBook-Pro.local>
This commit is contained in:
Nev Angelova
2020-03-13 23:46:30 +01:00
committed by GitHub
parent 097e6180c8
commit 9f6147e120
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/browser/components/NewTeamModal.jsx
View File

@@ -138,6 +138,7 @@ export default class NewTeamModal extends React.Component {
className='NewTeamModal' className='NewTeamModal'
show={this.props.show} show={this.props.show}
id='newServerModal' id='newServerModal'
onEntered={() => this.teamNameInputRef.focus()}
onHide={this.props.onClose} onHide={this.props.onClose}
container={this.props.modalContainer} container={this.props.modalContainer}
restoreFocus={this.props.restoreFocus} restoreFocus={this.props.restoreFocus}
@@ -172,10 +173,13 @@ export default class NewTeamModal extends React.Component {
value={this.state.teamName} value={this.state.teamName}
placeholder='Server Name' placeholder='Server Name'
onChange={this.handleTeamNameChange} onChange={this.handleTeamNameChange}
inputRef={(ref) => {
this.teamNameInputRef = ref;
}}
onClick={(e) => { onClick={(e) => {
e.stopPropagation(); e.stopPropagation();
}} }}
autoFocus={true} autofocus='true'
/> />
<FormControl.Feedback/> <FormControl.Feedback/>
<HelpBlock>{'The name of the server displayed on your desktop app tab bar.'}</HelpBlock> <HelpBlock>{'The name of the server displayed on your desktop app tab bar.'}</HelpBlock>