Merge branch 'TanStack:main' into a11y

LadyBluenotes · web-flow · commit 9cc4d54c4716 · 2026-01-27T08:32:24.000-08:00
diff --git a/examples/react/basic/package.json b/examples/react/basic/package.json
@@ -11,7 +11,7 @@
   "dependencies": {
     "@tanstack/devtools-client": "0.0.5",
     "@tanstack/devtools-event-client": "0.4.0",
-    "@tanstack/react-devtools": "^0.9.2",
+    "@tanstack/react-devtools": "^0.9.3",
     "@tanstack/react-form": "^1.23.7",
     "@tanstack/react-query": "^5.90.1",
     "@tanstack/react-query-devtools": "^5.90.1",
diff --git a/examples/react/custom-devtools/package.json b/examples/react/custom-devtools/package.json
@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "@tanstack/devtools-event-client": "0.4.0",
-    "@tanstack/react-devtools": "^0.9.2",
+    "@tanstack/react-devtools": "^0.9.3",
     "react": "^19.2.0",
     "react-dom": "^19.2.0"
   },
diff --git a/examples/react/drizzle/package.json b/examples/react/drizzle/package.json
@@ -8,7 +8,7 @@
     "start": "vite start"
   },
   "dependencies": {
-    "@tanstack/react-devtools": "^0.9.2",
+    "@tanstack/react-devtools": "^0.9.3",
     "@tanstack/react-router": "^1.132.0",
     "@tanstack/react-router-devtools": "^1.132.0",
     "@tanstack/react-start": "^1.132.0",
diff --git a/examples/react/https/package.json b/examples/react/https/package.json
@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "@tanstack/devtools-event-client": "0.4.0",
-    "@tanstack/react-devtools": "^0.9.2",
+    "@tanstack/react-devtools": "^0.9.3",
     "@tanstack/react-query": "^5.90.1",
     "@tanstack/react-query-devtools": "^5.90.1",
     "@tanstack/react-router": "^1.132.0",
diff --git a/examples/react/start/package.json b/examples/react/start/package.json
@@ -11,7 +11,7 @@
   "dependencies": {
     "@tailwindcss/vite": "^4.0.6",
     "@tanstack/devtools-event-client": "workspace:*",
-    "@tanstack/react-devtools": "^0.9.2",
+    "@tanstack/react-devtools": "^0.9.3",
     "@tanstack/react-router": "^1.132.0",
     "@tanstack/react-router-devtools": "^1.132.0",
     "@tanstack/react-router-ssr-query": "^1.131.7",
diff --git a/examples/react/time-travel/package.json b/examples/react/time-travel/package.json
@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "@tanstack/devtools-event-client": "workspace:^",
-    "@tanstack/react-devtools": "^0.9.2",
+    "@tanstack/react-devtools": "^0.9.3",
     "@tanstack/react-query": "^5.90.1",
     "@tanstack/react-query-devtools": "^5.90.1",
     "@tanstack/react-router": "^1.132.0",
diff --git a/examples/solid/basic/package.json b/examples/solid/basic/package.json
@@ -9,7 +9,7 @@
     "test:types": "tsc"
   },
   "dependencies": {
-    "@tanstack/solid-devtools": "^0.7.22",
+    "@tanstack/solid-devtools": "^0.7.23",
     "@tanstack/solid-query": "^5.90.1",
     "@tanstack/solid-query-devtools": "^5.90.1",
     "@tanstack/solid-router": "^1.131.50",
diff --git a/examples/solid/start/package.json b/examples/solid/start/package.json
@@ -9,7 +9,7 @@
   },
   "dependencies": {
     "@solidjs/start": "^1.2.0",
-    "@tanstack/solid-devtools": "^0.7.22",
+    "@tanstack/solid-devtools": "^0.7.23",
     "solid-js": "^1.9.9",
     "vinxi": "^0.5.8"
   },
diff --git a/examples/vue/basic/package.json b/examples/vue/basic/package.json
@@ -8,8 +8,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@tanstack/devtools": "^0.10.3",
-    "@tanstack/vue-devtools": "^0.2.2",
+    "@tanstack/devtools": "^0.10.4",
+    "@tanstack/vue-devtools": "^0.2.3",
     "@tanstack/vue-query": "^5.90.5",
     "@tanstack/vue-query-devtools": "^6.1.0",
     "vue": "^3.5.22"
diff --git a/packages/devtools/CHANGELOG.md b/packages/devtools/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @tanstack/devtools
 
+## 0.10.4
+
+### Patch Changes
+
+- Ignore the hotkey while focus is in an editable element by guarding the createShortcut callback ([#325](https://github.com/TanStack/devtools/pull/325))
+
 ## 0.10.3
 
 ### Patch Changes
diff --git a/packages/devtools/package.json b/packages/devtools/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",
diff --git a/packages/devtools/src/devtools.tsx b/packages/devtools/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()
       })
     }
diff --git a/packages/preact-devtools/CHANGELOG.md b/packages/preact-devtools/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @tanstack/preact-devtools
 
+## 0.9.8
+
+### Patch Changes
+
+- Updated dependencies [[`a9e05c0`](https://github.com/TanStack/devtools/commit/a9e05c00c9d351eaa0ba89d54716dfa7a297b8af)]:
+  - @tanstack/devtools@0.10.4
+
 ## 0.9.7
 
 ### Patch Changes
diff --git a/packages/preact-devtools/package.json b/packages/preact-devtools/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/preact-devtools",
-  "version": "0.9.7",
+  "version": "0.9.8",
   "description": "TanStack Devtools is a set of tools for building advanced devtools for your Preact application.",
   "author": "Tanner Linsley",
   "license": "MIT",
diff --git a/packages/react-devtools/CHANGELOG.md b/packages/react-devtools/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @tanstack/react-devtools
 
+## 0.9.3
+
+### Patch Changes
+
+- Updated dependencies [[`a9e05c0`](https://github.com/TanStack/devtools/commit/a9e05c00c9d351eaa0ba89d54716dfa7a297b8af)]:
+  - @tanstack/devtools@0.10.4
+
 ## 0.9.2
 
 ### Patch Changes
diff --git a/packages/react-devtools/package.json b/packages/react-devtools/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/react-devtools",
-  "version": "0.9.2",
+  "version": "0.9.3",
   "description": "TanStack Devtools is a set of tools for building advanced devtools for your React application.",
   "author": "Tanner Linsley",
   "license": "MIT",
diff --git a/packages/solid-devtools/CHANGELOG.md b/packages/solid-devtools/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @tanstack/solid-devtools
 
+## 0.7.23
+
+### Patch Changes
+
+- Updated dependencies [[`a9e05c0`](https://github.com/TanStack/devtools/commit/a9e05c00c9d351eaa0ba89d54716dfa7a297b8af)]:
+  - @tanstack/devtools@0.10.4
+
 ## 0.7.22
 
 ### Patch Changes
diff --git a/packages/solid-devtools/package.json b/packages/solid-devtools/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/solid-devtools",
-  "version": "0.7.22",
+  "version": "0.7.23",
   "description": "TanStack Devtools is a set of tools for building advanced devtools for your Solid application.",
   "author": "Tanner Linsley",
   "license": "MIT",
diff --git a/packages/vue-devtools/CHANGELOG.md b/packages/vue-devtools/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @tanstack/vue-devtools
 
+## 0.2.3
+
+### Patch Changes
+
+- Updated dependencies [[`a9e05c0`](https://github.com/TanStack/devtools/commit/a9e05c00c9d351eaa0ba89d54716dfa7a297b8af)]:
+  - @tanstack/devtools@0.10.4
+
 ## 0.2.2
 
 ### Patch Changes
diff --git a/packages/vue-devtools/package.json b/packages/vue-devtools/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/vue-devtools",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "TanStack Devtools is a set of tools for building advanced devtools for your Vue application.",
   "author": "Damian Osipiuk",
   "license": "MIT",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
