From e9433aa1fe9447ccb5cfa816c0434e2b3c32bd56 Mon Sep 17 00:00:00 2001
From: Matthew Grove <me@mgrove.uk>
Date: Wed, 17 Nov 2021 23:28:50 +0000
Subject: [PATCH] [FIX] auto capitalisation on mobile

---
 src/CreateSet.js  | 4 ++++
 src/EditSet.js    | 4 ++++
 src/Progress.js   | 4 ++++
 src/UserGroups.js | 2 ++
 4 files changed, 14 insertions(+)

diff --git a/src/CreateSet.js b/src/CreateSet.js
index 342c93d..06aaefd 100644
--- a/src/CreateSet.js
+++ b/src/CreateSet.js
@@ -247,12 +247,16 @@ export default withRouter(class CreateSet extends React.Component {
 									name={`term_${index}`}
 									onChange={this.onTermInputChange}
 									autoComplete="off"
+									autoCapitalize="none"
+									autoCorrect="off"
 								/>
 								<input
 									type="text"
 									name={`definition_${index}`}
 									onChange={this.onDefinitionInputChange}
 									autoComplete="off"
+									autoCapitalize="none"
+									autoCorrect="off"
 								/>
 							</div>
 						)}
diff --git a/src/EditSet.js b/src/EditSet.js
index 4015946..d706aaa 100644
--- a/src/EditSet.js
+++ b/src/EditSet.js
@@ -348,6 +348,8 @@ export default withRouter(class EditSet extends Component {
 									onChange={this.onTermInputChange}
 									value={this.state.inputContents[index] ? this.state.inputContents[index].term : ""}
 									autoComplete="off"
+									autoCapitalize="none"
+									autoCorrect="off"
 								/>
 								<input
 									type="text"
@@ -355,6 +357,8 @@ export default withRouter(class EditSet extends Component {
 									onChange={this.onDefinitionInputChange}
 									value={this.state.inputContents[index] ? this.state.inputContents[index].definition : ""}
 									autoComplete="off"
+									autoCapitalize="none"
+									autoCorrect="off"
 								/>
 							</div>
 						)}
diff --git a/src/Progress.js b/src/Progress.js
index 8d0eb82..2809f9a 100644
--- a/src/Progress.js
+++ b/src/Progress.js
@@ -643,6 +643,8 @@ export default withRouter(class Progress extends React.Component {
 										value={this.state.answerInput}
 										ref={inputEl => (this.answerInput = inputEl)}
 										autoComplete="off"
+										autoCapitalize="none"
+										autoCorrect="off"
 									/>
 									<Button
 										onClick={() => this.processAnswer()}
@@ -793,6 +795,8 @@ export default withRouter(class Progress extends React.Component {
 										ref={inputEl => (this.answerInput = inputEl)}
 										readOnly
 										autoComplete="off"
+										autoCapitalize="none"
+										autoCorrect="off"
 									/>
 									<Button
 										onClick={() => this.nextQuestion()}
diff --git a/src/UserGroups.js b/src/UserGroups.js
index 25e9064..ee72036 100644
--- a/src/UserGroups.js
+++ b/src/UserGroups.js
@@ -328,6 +328,8 @@ export default withRouter(class UserGroups extends Component {
 								onKeyDown={this.handleJoinCodeInputKeypress}
 								ref={inputEl => (this.joinCodeInput = inputEl)}
 								autoComplete="off"
+								autoCapitalize="none"
+								autoCorrect="off"
 							/>
 							<Button
 								onClick={this.joinGroup}