Ignore search keyboard shortcuts for elements with contents that are …

…editable (#1065)
withastro · Nov 20, 2023 · 2d72ed6 · 2d72ed6
1 parent 8620bb6
commit 2d72ed6
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/.changeset/red-camels-beam.md b/.changeset/red-camels-beam.md
@@ -0,0 +1,5 @@
+---
+'@astrojs/starlight': patch
+---
+
+Ignore search keyboard shortcuts for elements with contents that are editable
diff --git a/packages/starlight/components/Search.astro b/packages/starlight/components/Search.astro
@@ -89,8 +89,9 @@ const pagefindTranslations = {
 			// Listen for `/` and `cmd + k` keyboard shortcuts.
 			window.addEventListener('keydown', (e) => {
 				const isInput =
-					document.activeElement &&
-					['input', 'select', 'textarea'].includes(document.activeElement.tagName.toLowerCase());
+					document.activeElement instanceof HTMLElement &&
+					(['input', 'select', 'textarea'].includes(document.activeElement.tagName.toLowerCase()) ||
+						document.activeElement.isContentEditable);
 				if (e.metaKey === true && e.key === 'k') {
 					dialog.open ? closeModal() : openModal();
 					e.preventDefault();