From 684c2d627624806025b22bb0e1e00797f32451a0 Mon Sep 17 00:00:00 2001
From: Leo McArdle <leo@mca.is>
Date: Thu, 12 Dec 2024 12:34:36 +0000
Subject: [PATCH] fix(playground): slash key would open search box

---
 client/src/search-utils.ts | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/client/src/search-utils.ts b/client/src/search-utils.ts
index 441210e7467d..de4e19bb644a 100644
--- a/client/src/search-utils.ts
+++ b/client/src/search-utils.ts
@@ -14,15 +14,16 @@ export function useFocusViaKeyboard(
   useEffect(() => {
     function focusOnSearchMaybe(event: KeyboardEvent) {
       const input = inputRef.current;
-      const target = event.target as HTMLElement;
+      const target = event.composedPath()?.[0] || event.target;
       const keyPressed = event.key;
       const ctrlOrMetaPressed = event.ctrlKey || event.metaKey;
       const isSlash = keyPressed === "/" && !ctrlOrMetaPressed;
       const isCtrlK =
         keyPressed === "k" && ctrlOrMetaPressed && !event.shiftKey;
       const isTextField =
-        ["TEXTAREA", "INPUT"].includes(target.tagName) ||
-        target.isContentEditable;
+        target instanceof HTMLElement &&
+        (["TEXTAREA", "INPUT"].includes(target.tagName) ||
+          target.isContentEditable);
       if ((isSlash || isCtrlK) && !isTextField) {
         if (input && document.activeElement !== input) {
           event.preventDefault();