From 549c55606acb3414409eb3b940a3457aee8a7a95 Mon Sep 17 00:00:00 2001
From: Doug <6060466+pixlwave@users.noreply.github.com>
Date: Tue, 26 Jul 2022 09:08:20 +0100
Subject: [PATCH] Disable autocorrect and autocaptialisation when entering
 username for SSO registration. (#13350)

When registering a new account via SSO on iOS, the text field becomes pretty annoying as it autocapitalises and autocorrects your input. This PR fixes that (although I have only tested the raw HTML file on the simulator, I'm not sure how to get the complete setup available for testing in the flow).
---
 changelog.d/13350.bugfix                            | 1 +
 synapse/res/templates/sso_auth_account_details.html | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)
 create mode 100644 changelog.d/13350.bugfix

diff --git a/changelog.d/13350.bugfix b/changelog.d/13350.bugfix
new file mode 100644
index 000000000000..46c496a6a06c
--- /dev/null
+++ b/changelog.d/13350.bugfix
@@ -0,0 +1 @@
+Disable autocorrection and autocapitalisation on the username text field shown during registration when using SSO.
diff --git a/synapse/res/templates/sso_auth_account_details.html b/synapse/res/templates/sso_auth_account_details.html
index 1ba850369a32..cf72df0a2a39 100644
--- a/synapse/res/templates/sso_auth_account_details.html
+++ b/synapse/res/templates/sso_auth_account_details.html
@@ -138,7 +138,7 @@ <h1>Create your account</h1>
         <div class="username_input" id="username_input">
           <label for="field-username">Username (required)</label>
           <div class="prefix">@</div>
-          <input type="text" name="username" id="field-username" value="{{ user_attributes.localpart }}" autofocus>
+          <input type="text" name="username" id="field-username" value="{{ user_attributes.localpart }}" autofocus autocorrect="off" autocapitalize="none">
           <div class="postfix">:{{ server_name }}</div>
         </div>
         <output for="username_input" id="field-username-output"></output>