@tanstack/devtools 0.10.3 → 0.10.4

package/dist/dev.js

@@ -30,7 +30,7 @@ var TanStackDevtoolsCore = class {
     const mountTo = el;
     const dispose = render(() => {
       const _self$ = this;
-      this.#Component = lazy(() => import('./devtools/RZMDLR3T.js'));
+      this.#Component = lazy(() => import('./devtools/PYVV4DLY.js'));
       const Devtools = this.#Component;
       this.#eventBus = new ClientEventBus(this.#eventBusConfig);
       this.#eventBus.start();

package/dist/devtools/{OJR76FMH.js → 7D2JIOTG.js}

@@ -3714,9 +3714,19 @@ function DevTools() {
     }
   });
   createEffect(() => {
+    const isEditableTarget = (element) => {
+      if (!element || !(element instanceof HTMLElement)) return false;
+      if (element.isContentEditable) return true;
+      const tagName = element.tagName;
+      if (tagName === "INPUT" || tagName === "TEXTAREA" || tagName === "SELECT") {
+        return true;
+      }
+      return element.getAttribute("role") === "textbox";
+    };
     const permutations = getHotkeyPermutations(settings().openHotkey);
     for (const permutation of permutations) {
       createShortcut(permutation, () => {
+        if (isEditableTarget(document.activeElement)) return;
         toggleOpen();
       });
     }

package/dist/devtools/{RZMDLR3T.js → PYVV4DLY.js}

@@ -4300,9 +4300,19 @@ function DevTools() {
     }
   });
   createEffect(() => {
+    const isEditableTarget = (element) => {
+      if (!element || !(element instanceof HTMLElement)) return false;
+      if (element.isContentEditable) return true;
+      const tagName = element.tagName;
+      if (tagName === "INPUT" || tagName === "TEXTAREA" || tagName === "SELECT") {
+        return true;
+      }
+      return element.getAttribute("role") === "textbox";
+    };
     const permutations = getHotkeyPermutations(settings().openHotkey);
     for (const permutation of permutations) {
       createShortcut(permutation, () => {
+        if (isEditableTarget(document.activeElement)) return;
         toggleOpen();
       });
     }

package/dist/index.js

@@ -30,7 +30,7 @@ var TanStackDevtoolsCore = class {
     const mountTo = el;
     const dispose = render(() => {
       const _self$ = this;
-      this.#Component = lazy(() => import('./devtools/RZMDLR3T.js'));
+      this.#Component = lazy(() => import('./devtools/PYVV4DLY.js'));
       const Devtools = this.#Component;
       this.#eventBus = new ClientEventBus(this.#eventBusConfig);
       this.#eventBus.start();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/devtools",
-  "version": "0.10.3",
+  "version": "0.10.4",
   "description": "TanStack Devtools is a set of tools for building advanced devtools for your application.",
   "author": "Tanner Linsley",
   "license": "MIT",

package/src/devtools.tsx

@@ -165,10 +165,25 @@ export default function DevTools() {
     }
   })
   createEffect(() => {
+    const isEditableTarget = (element: Element | null) => {
+      if (!element || !(element instanceof HTMLElement)) return false
+      if (element.isContentEditable) return true
+      const tagName = element.tagName
+      if (
+        tagName === 'INPUT' ||
+        tagName === 'TEXTAREA' ||
+        tagName === 'SELECT'
+      ) {
+        return true
+      }
+      return element.getAttribute('role') === 'textbox'
+    }
+
     const permutations = getHotkeyPermutations(settings().openHotkey)
 
     for (const permutation of permutations) {
       createShortcut(permutation, () => {
+        if (isEditableTarget(document.activeElement)) return
         toggleOpen()
       })
     }