Ignore keyboard shortcuts when target is contenteditable (#1625)

react-cosmos · Mar 1, 2024 · 5364b02 · 5364b02
1 parent 2b25174
commit 5364b02
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/packages/react-cosmos-core/src/playground/registerPlaygroundShortcuts.ts b/packages/react-cosmos-core/src/playground/registerPlaygroundShortcuts.ts
@@ -10,7 +10,7 @@ export function registerPlaygroundShortcuts(
 
   function handleWindowKeyDown(e: KeyboardEvent) {
     // Allow meta key shortcuts to work when focused on input fields
-    if (isEditing() && !e.metaKey) {
+    if (isEditing(e) && !e.metaKey) {
       return;
     }
 
@@ -45,7 +45,11 @@ export function registerPlaygroundShortcuts(
   };
 }
 
-function isEditing() {
+function isEditing(e: KeyboardEvent) {
+  if (e.target instanceof HTMLElement && e.target.isContentEditable) {
+    return true;
+  }
+
   const activeElement = document.activeElement;
   return activeElement && isInputTag(activeElement.tagName);
 }