refactor(docs-viewer): disable global keyboard navigation in editable…

… element cheery pick 0f14c93
netless-io · May 30, 2023 · 5553aa7 · 5553aa7
1 parent c0a9be8
commit 5553aa7
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/packages/app-docs-viewer/src/StaticDocsViewer/index.ts b/packages/app-docs-viewer/src/StaticDocsViewer/index.ts
@@ -348,11 +348,17 @@ export class StaticDocsViewer {
       "whiteboard-size-update"
     );
 
+    const isEditable = (el: EventTarget | null) => {
+      if (!el) return false;
+      const tagName = (el as HTMLElement).tagName;
+      return tagName === "INPUT" || tagName === "TEXTAREA" || tagName === "SELECT";
+    };
+
     this.sideEffect.addEventListener(
       window,
       "keyup",
       ev => {
-        if (this.readonly$.value || !this.box.focus || this.box.minimized) {
+        if (this.readonly$.value || !this.box.focus || this.box.minimized || isEditable(ev.target)) {
           return;
         }
         switch (ev.key) {

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml