Skip to content

fix: add Alt modifier to inspect hotkey default to avoid browser conflicts#357

Merged
AlemTuzlak merged 3 commits intomainfrom
fix/inspect-hotkey-default
Mar 2, 2026
Merged

fix: add Alt modifier to inspect hotkey default to avoid browser conflicts#357
AlemTuzlak merged 3 commits intomainfrom
fix/inspect-hotkey-default

Conversation

@AlemTuzlak
Copy link
Collaborator

Summary

  • Changes the default inspectHotkey from ["Shift", "CtrlOrMeta"] to ["Shift", "Alt", "CtrlOrMeta"]
  • The previous default (Ctrl/Cmd + Shift + Click) directly overlaps with browser shortcuts for opening links in new tabs (Chrome, Edge, Safari all use Ctrl/Cmd + Shift + Click)
  • Adding Alt/Option as a third modifier avoids all known OS, browser, and common web app shortcut collisions

Details

  • Windows/Linux: Ctrl + Alt + Shift + click to inspect
  • macOS: ⌘ + ⌥ + ⇧ + click to inspect
  • Existing users with customized hotkeys are unaffected (localStorage settings take precedence)
  • No behavioral changes — the hold-and-click inspection flow remains the same

Test plan

  • Existing hotkey unit tests pass (14/14)
  • Verify inspect mode activates with the new triple-modifier hold + click
  • Verify no conflicts with browser shortcuts on Chrome, Firefox, Edge, Safari

…licts

The previous default (Shift + CtrlOrMeta) overlaps with browser shortcuts
for opening links in new tabs (Ctrl/Cmd + Shift + Click in Chrome, Edge,
Safari). Adding Alt/Option as a third modifier avoids all known OS, browser,
and common web app shortcut collisions.
@changeset-bot
Copy link

changeset-bot bot commented Mar 2, 2026

🦋 Changeset detected

Latest commit: 9d4d3d3

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 5 packages
Name Type
@tanstack/devtools Patch
@tanstack/preact-devtools Patch
@tanstack/react-devtools Patch
@tanstack/solid-devtools Patch
@tanstack/vue-devtools Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@nx-cloud
Copy link

nx-cloud bot commented Mar 2, 2026

View your CI Pipeline Execution ↗ for commit 9d4d3d3

Command Status Duration Result
nx affected --targets=test:eslint,test:sherif,t... ✅ Succeeded 5s View ↗
nx run-many --targets=build --exclude=examples/** ✅ Succeeded 2s View ↗

☁️ Nx Cloud last updated this comment at 2026-03-02 14:09:46 UTC

@pkg-pr-new
Copy link

pkg-pr-new bot commented Mar 2, 2026

More templates

@tanstack/devtools

npm i https://pkg.pr.new/@tanstack/devtools@357

@tanstack/devtools-client

npm i https://pkg.pr.new/@tanstack/devtools-client@357

@tanstack/devtools-ui

npm i https://pkg.pr.new/@tanstack/devtools-ui@357

@tanstack/devtools-utils

npm i https://pkg.pr.new/@tanstack/devtools-utils@357

@tanstack/devtools-vite

npm i https://pkg.pr.new/@tanstack/devtools-vite@357

@tanstack/devtools-event-bus

npm i https://pkg.pr.new/@tanstack/devtools-event-bus@357

@tanstack/devtools-event-client

npm i https://pkg.pr.new/@tanstack/devtools-event-client@357

@tanstack/preact-devtools

npm i https://pkg.pr.new/@tanstack/preact-devtools@357

@tanstack/react-devtools

npm i https://pkg.pr.new/@tanstack/react-devtools@357

@tanstack/solid-devtools

npm i https://pkg.pr.new/@tanstack/solid-devtools@357

@tanstack/vue-devtools

npm i https://pkg.pr.new/@tanstack/vue-devtools@357

commit: d81e5e9

@AlemTuzlak AlemTuzlak merged commit d05a9af into main Mar 2, 2026
4 checks passed
@AlemTuzlak AlemTuzlak deleted the fix/inspect-hotkey-default branch March 2, 2026 14:37
@github-actions github-actions bot mentioned this pull request Mar 2, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant