[FIX] auto capitalisation on mobile

This commit is contained in:
2021-11-17 23:28:50 +00:00
parent 6548ed2626
commit e9433aa1fe
4 changed files with 14 additions and 0 deletions

View File

@@ -247,12 +247,16 @@ export default withRouter(class CreateSet extends React.Component {
name={`term_${index}`} name={`term_${index}`}
onChange={this.onTermInputChange} onChange={this.onTermInputChange}
autoComplete="off" autoComplete="off"
autoCapitalize="none"
autoCorrect="off"
/> />
<input <input
type="text" type="text"
name={`definition_${index}`} name={`definition_${index}`}
onChange={this.onDefinitionInputChange} onChange={this.onDefinitionInputChange}
autoComplete="off" autoComplete="off"
autoCapitalize="none"
autoCorrect="off"
/> />
</div> </div>
)} )}

View File

@@ -348,6 +348,8 @@ export default withRouter(class EditSet extends Component {
onChange={this.onTermInputChange} onChange={this.onTermInputChange}
value={this.state.inputContents[index] ? this.state.inputContents[index].term : ""} value={this.state.inputContents[index] ? this.state.inputContents[index].term : ""}
autoComplete="off" autoComplete="off"
autoCapitalize="none"
autoCorrect="off"
/> />
<input <input
type="text" type="text"
@@ -355,6 +357,8 @@ export default withRouter(class EditSet extends Component {
onChange={this.onDefinitionInputChange} onChange={this.onDefinitionInputChange}
value={this.state.inputContents[index] ? this.state.inputContents[index].definition : ""} value={this.state.inputContents[index] ? this.state.inputContents[index].definition : ""}
autoComplete="off" autoComplete="off"
autoCapitalize="none"
autoCorrect="off"
/> />
</div> </div>
)} )}

View File

@@ -643,6 +643,8 @@ export default withRouter(class Progress extends React.Component {
value={this.state.answerInput} value={this.state.answerInput}
ref={inputEl => (this.answerInput = inputEl)} ref={inputEl => (this.answerInput = inputEl)}
autoComplete="off" autoComplete="off"
autoCapitalize="none"
autoCorrect="off"
/> />
<Button <Button
onClick={() => this.processAnswer()} onClick={() => this.processAnswer()}
@@ -793,6 +795,8 @@ export default withRouter(class Progress extends React.Component {
ref={inputEl => (this.answerInput = inputEl)} ref={inputEl => (this.answerInput = inputEl)}
readOnly readOnly
autoComplete="off" autoComplete="off"
autoCapitalize="none"
autoCorrect="off"
/> />
<Button <Button
onClick={() => this.nextQuestion()} onClick={() => this.nextQuestion()}

View File

@@ -328,6 +328,8 @@ export default withRouter(class UserGroups extends Component {
onKeyDown={this.handleJoinCodeInputKeypress} onKeyDown={this.handleJoinCodeInputKeypress}
ref={inputEl => (this.joinCodeInput = inputEl)} ref={inputEl => (this.joinCodeInput = inputEl)}
autoComplete="off" autoComplete="off"
autoCapitalize="none"
autoCorrect="off"
/> />
<Button <Button
onClick={this.joinGroup} onClick={this.joinGroup}