From 3ffe736d99334ddf210b1574bbc5e4a29d8cffb8 Mon Sep 17 00:00:00 2001
From: abaevbog <bogdan@zotero.org>
Date: Thu, 26 Sep 2024 11:21:51 -0700
Subject: [PATCH] =?UTF-8?q?Make=20"Get=20additional=20styles=E2=80=A6"=20l?=
 =?UTF-8?q?ink=20in=20Style=20Manager=20keyboard=20accessible=20(#4709)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fixes: #4707
---
 chrome/content/zotero/elements/styleConfigurator.js | 10 +++++++++-
 scss/preferences/_cite.scss                         |  6 ++++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/chrome/content/zotero/elements/styleConfigurator.js b/chrome/content/zotero/elements/styleConfigurator.js
index a6423b64d2..39df45351b 100644
--- a/chrome/content/zotero/elements/styleConfigurator.js
+++ b/chrome/content/zotero/elements/styleConfigurator.js
@@ -175,7 +175,7 @@
 					<div class="style-selector-wrapper">
 						<xul:style-selector id="style-selector" value="${this.getAttribute('style') || Zotero.Prefs.get('export.lastStyle') || ''}" />
 					</div>
-					<label id="manage-styles" class="text-link" data-l10n-id="bibliography-manageStyles-label"></label>
+					<label id="manage-styles" tabindex="0" role="link" class="text-link" data-l10n-id="bibliography-manageStyles-label"></label>
 				</div>
 				<div class="locale-selector-wrapper">
 					<label for="locale-selector" class="locale-selector-label" data-l10n-id="bibliography-locale-label" />
@@ -267,6 +267,14 @@
 				const event = new CustomEvent("manage-styles");
 				this.dispatchEvent(event);
 			});
+			// Click manage-styles link on space or enter. Otherwise, Enter would submit the dialog
+			// and space would do nothing.
+			this.querySelector('#manage-styles').addEventListener('keypress', (event) => {
+				if (event.key == 'Enter' || event.key == ' ') {
+					event.preventDefault();
+					event.target.click();
+				}
+			});
 		}
 
 		handleStyleChanged(style) {
diff --git a/scss/preferences/_cite.scss b/scss/preferences/_cite.scss
index 5da18847e3..41e989edfc 100644
--- a/scss/preferences/_cite.scss
+++ b/scss/preferences/_cite.scss
@@ -22,6 +22,12 @@
 	width: 105px;
 }
 
+/* Get additional styles link should occupy only as much space as needed */
+#styleManager-buttons .zotero-text-link {
+	max-width: fit-content;
+	margin-right: auto;
+}
+
 #openCSLEdit, #styleManager-delete {
 	margin-inline-end: 6px;
 }