social_auth: Fix keyboard navigation on accounts in oauth.

This commit makes the accounts in oauth page navigable on `Tab`.

Fixes:zulip#34724.

Co-authored-by: Parasaran <v.parasaran@gmail.com>
This commit is contained in:
Pratik Chanda
2025-06-26 20:41:59 +05:30
committed by Tim Abbott
parent 27bfca61c1
commit fd355e2028
2 changed files with 9 additions and 2 deletions

View File

@@ -13,7 +13,7 @@
</div>
<div class="white-box">
<form method="post" class="select-email-form" action="/complete/{{ backend }}/">
<form method="post" class="select-email-form" action="/complete/{{ backend }}/" tabindex="0">
<div class="choose-email-box">
<input type="hidden" name="email" value="{{ primary_email }}" />
{% if avatar_urls[primary_email] %}
@@ -37,7 +37,7 @@
</div>
</form>
{% for email in verified_non_primary_emails %}
<form method="post" class="select-email-form" action="/complete/{{ backend }}/">
<form method="post" class="select-email-form" action="/complete/{{ backend }}/" tabindex="0">
<div class="choose-email-box">
<input type="hidden" name="email" value="{{ email }}" />
{% if avatar_urls[email] %}

View File

@@ -334,6 +334,13 @@ $(() => {
$(e.target).hide();
});
$("form.select-email-form").on("keydown", function (e) {
if (e.key === "Enter") {
e.preventDefault();
$(this).trigger("submit");
}
});
$<HTMLSelectElement>("#how-realm-creator-found-zulip select").on("change", function () {
const elements = new Map([
["other", "how-realm-creator-found-zulip-other"],