René's URL Explorer Experiment


Title: feat(devtools): add openAsModal to use the panel over app modal dialogs by AlemTuzlak · Pull Request #550 · TanStack/devtools · GitHub

Open Graph Title: feat(devtools): add openAsModal to use the panel over app modal dialogs by AlemTuzlak · Pull Request #550 · TanStack/devtools

X Title: feat(devtools): add openAsModal to use the panel over app modal dialogs by AlemTuzlak · Pull Request #550 · TanStack/devtools

Description: 🤖 Framework-agnostic devtools panel for handling TanStack libraries devtools and your custom devtool plugins - feat(devtools): add openAsModal to use the panel over app modal dialogs by AlemTuzlak · Pull Request #550 · TanStack/devtools

Open Graph Description: You can now use the devtools panel while your app has a modal dialog open: set openAsModal: true, open the dialog, and press the open hotkey. The panel then shows on top of your dialog and takes in...

X Description: You can now use the devtools panel while your app has a modal dialog open: set openAsModal: true, open the dialog, and press the open hotkey. The panel then shows on top of your dialog and takes in...

Opengraph URL: https://github.com/TanStack/devtools/pull/550

X: @github

direct link

Domain: github.com

react-profiling0
react-import-mapreact,react-dom,react-dom/client,react-dom/profiling,react-is,react-reconciler,react/compiler-runtime,react/jsx-dev-runtime,react/jsx-runtime,scheduler@d5750093facf
route-pattern/_view_fragments/voltron/pull_requests/show/:user_id/:repository/:id/pull_request_layout(.:format)
route-controllervoltron_pull_requests_fragments
route-actionpull_request_layout
fetch-noncev2:af0cd024-bc3d-a981-6560-799291395331
current-catalog-service-hashae870bc5e265a340912cde392f23dad3671a0a881730ffdadd82f2f57d81641b
request-idAFCA:1CA15F:9C4A1C:CE9BF1:6AF9AA31
html-safe-nonce0fb282a5be94365cf79c31f6a0d6992c29a34b03e41790179fb476583ae92843
visitor-payloadeyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJBRkNBOjFDQTE1Rjo5QzRBMUM6Q0U5QkYxOjZBRjlBQTMxIiwidmlzaXRvcl9pZCI6IjI1MDI0OTgwMTc1OTMwNDI0MSIsInJlZ2lvbl9lZGdlIjoiaWFkIiwicmVnaW9uX3JlbmRlciI6ImlhZCJ9
visitor-hmac2b43c5d84d125dfb7029a24373dd9308791b675f1193d8b3505b62cfeab9dbd7
hovercard-subject-tagpull_request:4717760528
github-keyboard-shortcutsrepository,pull-request-list,pull-request-conversation,pull-request-files-changed,copilot
google-site-verificationApib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I
octolytics-urlhttps://collector.github.com/github/collect
analytics-location///voltron/pull_requests_fragments/pull_request_layout
fb:app_id1401488693436528
apple-itunes-appapp-id=1477376905, app-argument=https://github.com/_view_fragments/voltron/pull_requests/show/TanStack/devtools/550/pull_request_layout
twitter:imagehttps://opengraph.githubassets.com/ffe5feead670dd9abff5252e1a37357f806b9cb05a3e9c4a4a05b4ad1be48b0f/TanStack/devtools/pull/550
twitter:cardsummary_large_image
og:imagehttps://opengraph.githubassets.com/ffe5feead670dd9abff5252e1a37357f806b9cb05a3e9c4a4a05b4ad1be48b0f/TanStack/devtools/pull/550
og:image:altYou can now use the devtools panel while your app has a modal dialog open: set openAsModal: true, open the dialog, and press the open hotkey. The panel then shows on top of your dialog and takes in...
og:image:width1200
og:image:height600
og:site_nameGitHub
og:typeobject
og:author:usernameAlemTuzlak
hostnamegithub.com
expected-hostnamegithub.com
None612d3e6ffd693e7ea8d9fcf452370995872baef31d825b1fedef704cd3d24ac7
turbo-cache-controlno-cache
go-importgithub.com/TanStack/devtools git https://github.com/TanStack/devtools.git
octolytics-dimension-user_id72518640
octolytics-dimension-user_loginTanStack
octolytics-dimension-repository_id1026402761
octolytics-dimension-repository_nwoTanStack/devtools
octolytics-dimension-repository_publictrue
octolytics-dimension-repository_is_forkfalse
octolytics-dimension-repository_network_root_id1026402761
octolytics-dimension-repository_network_root_nwoTanStack/devtools
turbo-body-classeslogged-out env-production page-responsive
disable-turbofalse
browser-stats-urlhttps://api.github.com/_private/browser/stats
browser-errors-urlhttps://api.github.com/_private/browser/errors
release072e34035c13c31543fba9f025cbbbda4210dae4
ui-targetfull
theme-color#1e2327
color-schemelight dark
react-app-namepull-requests

Links:

Skip to contenthttps://github.com/TanStack/devtools/pull/550#start-of-content
https://github.com/
Sign inhttps://github.com/login?return_to=https%3A%2F%2Fgithub.com%2FTanStack%2Fdevtools%2Fpull%2F550
GitHubRepository hosting, code review, and collaborationhttps://github.com/platform
CopilotAI coding agent for tasks, projects, and automated workhttps://github.com/features/copilot
ActionsCI/CD and automationhttps://github.com/features/actions
Code QualityQuality analysis, fixes, and enforcementhttps://github.com/features/code-quality
CodespacesCloud development environmentshttps://github.com/features/codespaces
Code SecurityVulnerability detection and remediationhttps://github.com/security/advanced-security/code-security
Secret ProtectionSecret scanning and leak preventionhttps://github.com/security/advanced-security/secret-protection
All Featureshttps://github.com/features
Documentationhttps://docs.github.com/en
Traininghttps://learn.github.com/skills
Certificationshttps://learn.github.com/credentials
Build with Copilothttps://github.com/features/ai
Customize Copilothttps://docs.github.com/en/copilot/how-tos/copilot-on-github/customize-copilot/customize-copilot-overview
Integrationshttps://github.com/marketplace
Trending reposhttps://github.com/trending
GitHub Sponsorshttps://github.com/open-source/sponsors
Developer articleshttps://github.com/resources/articles
ChangelogYour source for the latest features, improvements, and fixes across GitHub products, all in one place.https://github.blog/changelog/
Enterpriseshttps://github.com/enterprise
Teamhttps://github.com/team
Startupshttps://github.com/enterprise/startups
Nonprofitshttps://github.com/solutions/industry/nonprofits
Healthcarehttps://github.com/solutions/industry/healthcare
Financial serviceshttps://github.com/solutions/industry/financial-services
Manufacturinghttps://github.com/solutions/industry/manufacturing
Governmenthttps://github.com/solutions/industry/government
See all industrieshttps://github.com/solutions/industry
Why GitHubhttps://github.com/why-github
Customer Storieshttps://github.com/customer-stories
Business insightshttps://github.com/solutions/executive-insights
Trust Centerhttps://github.com/trust-center
GitHub Advanced SecurityEnterprise-grade code securityhttps://github.com/security/advanced-security
Copilot for businessEnterprise-grade AI featureshttps://github.com/features/copilot/copilot-business
Premium SupportEnterprise-grade 24/7 supporthttps://github.com/enterprise/premium-support
Documentationhttps://docs.github.com/en
Resource centerhttps://github.com/resources
Bloghttps://github.blog/
Events & webinarshttps://github.com/resources/events
Community Forumhttps://github.com/orgs/community/discussions
Customer Storieshttps://github.com/customer-stories
Integrationshttps://github.com/marketplace
Customer supporthttps://help.github.com/
Traininghttps://learn.github.com/skills
GitHub Statushttps://www.githubstatus.com/
Abouthttps://github.com/about
Partnershttps://github.com/partners
Changeloghttps://github.blog/changelog/
GitHub UniverseThe event for developers, by developers — talks, workshops, and what’s next for GitHub.https://githubuniverse.com/
Pricinghttps://github.com/pricing
Sign inhttps://github.com/login?return_to=https%3A%2F%2Fgithub.com%2FTanStack%2Fdevtools%2Fpull%2F550
Sign uphttps://github.com/signup?ref_cta=Sign+up&ref_loc=header+logged+out&ref_page=%2F%3Cuser-name%3E%2F%3Crepo-name%3E%2Fvoltron%2Fpull_requests_fragments%2Fpull_request_layout&source=header-repo&source_repo=TanStack%2Fdevtools
Reloadhttps://github.com/TanStack/devtools/pull/550
Reloadhttps://github.com/TanStack/devtools/pull/550
Reloadhttps://github.com/TanStack/devtools/pull/550
TanStackhttps://github.com/TanStack
devtoolshttps://github.com/TanStack/devtools
Codehttps://github.com/TanStack/devtools
Issues24 (24)https://github.com/TanStack/devtools/issues
Pull requests25 (25)https://github.com/TanStack/devtools/pulls
Discussionshttps://github.com/TanStack/devtools/discussions
Actionshttps://github.com/TanStack/devtools/actions
Security and qualityhttps://github.com/TanStack/devtools/security
Insightshttps://github.com/TanStack/devtools/pulse
https://github.com/TanStack/devtools
AlemTuzlakhttps://github.com/AlemTuzlak
mainhttps://github.com/TanStack/devtools/tree/main
feat/369-open-as-modalhttps://github.com/TanStack/devtools/tree/feat/369-open-as-modal
Conversationhttps://github.com/TanStack/devtools/pull/550
Commits2 (2)https://github.com/TanStack/devtools/pull/550/commits
Checkshttps://github.com/TanStack/devtools/pull/550/checks
Files changedhttps://github.com/TanStack/devtools/pull/550/files
feat(devtools): add openAsModal to use the panel over app modal dialogshttps://github.com/TanStack/devtools/pull/550#top
AlemTuzlakhttps://github.com/AlemTuzlak
mainhttps://github.com/TanStack/devtools/tree/main
feat/369-open-as-modalhttps://github.com/TanStack/devtools/tree/feat/369-open-as-modal
https://github.com/AlemTuzlak
AlemTuzlakhttps://github.com/AlemTuzlak
Oct 2, 2026https://github.com/TanStack/devtools/pull/550#issue-5678990207
Please reload this pagehttps://github.com/TanStack/devtools/pull/550
Incorrect interaction with html dialog #369https://github.com/TanStack/devtools/issues/369
Contributing guidehttps://github.com/TanStack/devtools/blob/main/CONTRIBUTING.md
changesethttps://github.com/changesets/changesets/blob/main/docs/adding-a-changeset.md
#369https://github.com/TanStack/devtools/issues/369
Claude Codehttps://claude.com/claude-code
Please reload this pagehttps://github.com/TanStack/devtools/pull/550
https://github.com/AlemTuzlak
feat(devtools): add openAsModal to use the panel over app modal dialogshttps://github.com/TanStack/devtools/pull/550/commits/82bd84f82b84a753d071afff3e5c2a93a3bda2b2
82bd84fhttps://github.com/TanStack/devtools/pull/550/commits/82bd84f82b84a753d071afff3e5c2a93a3bda2b2
#369https://github.com/TanStack/devtools/issues/369
https://github.com/apps/coderabbitai
coderabbitaihttps://github.com/apps/coderabbitai
Oct 2, 2026https://github.com/TanStack/devtools/pull/550#issuecomment-5954847732
Please reload this pagehttps://github.com/TanStack/devtools/pull/550
https://app.coderabbit.ai/change-stack/TanStack/devtools/pull/550?cs_source=review_comment
CodeRabbithttps://coderabbit.ai?utm_source=oss&utm_medium=github&utm_campaign=TanStack/devtools&utm_content=550
Xhttps://twitter.com/intent/tweet?text=I%20just%20used%20%40coderabbitai%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20the%20proprietary%20code.%20Check%20it%20out%3A&url=https%3A//coderabbit.ai
Mastodonhttps://mastodon.social/share?text=I%20just%20used%20%40coderabbitai%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20the%20proprietary%20code.%20Check%20it%20out%3A%20https%3A%2F%2Fcoderabbit.ai
Reddithttps://www.reddit.com/submit?title=Great%20tool%20for%20code%20review%20-%20CodeRabbit&text=I%20just%20used%20CodeRabbit%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20proprietary%20code.%20Check%20it%20out%3A%20https%3A//coderabbit.ai
LinkedInhttps://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fcoderabbit.ai&mini=true&title=Great%20tool%20for%20code%20review%20-%20CodeRabbit&summary=I%20just%20used%20CodeRabbit%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20proprietary%20code
Please reload this pagehttps://github.com/TanStack/devtools/pull/550
https://github.com/apps/nx-cloud
nx-cloudhttps://github.com/apps/nx-cloud
Oct 2, 2026https://github.com/TanStack/devtools/pull/550#issuecomment-5954861904
Please reload this pagehttps://github.com/TanStack/devtools/pull/550
CI Pipeline Execution ↗https://cloud.nx.app/cipes/6abfd19bd1c1048f3b55ff3e?utm_source=pull-request&utm_medium=comment
82bd84fhttps://github.com/TanStack/devtools/commit/82bd84f82b84a753d071afff3e5c2a93a3bda2b2
View ↗https://cloud.nx.app/runs/z3NykcuMM5?utm_source=pull-request&utm_medium=comment
View ↗https://cloud.nx.app/runs/q5klyg3QKO?utm_source=pull-request&utm_medium=comment
View ↗https://cloud.nx.app/runs/oggTHDwjLI?utm_source=pull-request&utm_medium=comment
Nx Cloudhttps://cloud.nx.app?utm_source=pull-request&utm_medium=comment
Please reload this pagehttps://github.com/TanStack/devtools/pull/550
https://github.com/apps/pkg-pr-new
pkg-pr-newhttps://github.com/apps/pkg-pr-new
Oct 2, 2026https://github.com/TanStack/devtools/pull/550#issuecomment-5954869768
Please reload this pagehttps://github.com/TanStack/devtools/pull/550
@tanstack/devtools-example-angular-a11y-devtoolshttps://pkg.pr.new/template/2931ed70-e583-45ad-857c-42a5fdb61c9c
@tanstack/devtools-example-angular-basichttps://pkg.pr.new/template/566adfe9-d9a9-48f6-a94e-dc638a796728
@tanstack/devtools-example-angular-panelhttps://pkg.pr.new/template/f1c5ed61-8778-44ed-86dc-5d40e5ab89d1
ssrhttps://pkg.pr.new/template/3ed6f42b-e3dd-43a0-83a8-e52b3f4c3c87
@tanstack/devtools-example-angular-with-devtoolshttps://pkg.pr.new/template/d73d3831-016c-496b-832b-162e3f123d4c
@tanstack/react-devtools-a11y-examplehttps://pkg.pr.new/template/280796e8-9c16-4523-b9d3-d40f03c8d9be
@tanstack/devtools-example-react-basichttps://pkg.pr.new/template/e65ea307-7ce5-4ebf-b6f4-3ff5cdf6a981
start-reprohttps://pkg.pr.new/template/13a7762e-e874-4f7f-b7cd-52703c9e7cfc
@tanstack/devtools-custom-devtoolshttps://pkg.pr.new/template/77cb7da8-8ddb-4b23-8a6d-ee14f3d818a4
tanstack-start-example-counterhttps://pkg.pr.new/template/edf0e7d8-c7ef-484f-80e7-85463f07aaf1
@tanstack/devtools-example-react-httpshttps://pkg.pr.new/template/ee1bd1da-9ed2-4b06-9e01-8b0ffc3d2321
starthttps://pkg.pr.new/template/9091db6c-2d0f-4bab-b66c-1fa3fd493c4e
start-cloudflarehttps://pkg.pr.new/template/2a27f5a7-4117-47ba-aa41-69adb1a95b0b
start-nitrohttps://pkg.pr.new/template/c495477d-e9b4-474f-b98f-215e7065be08
@tanstack/devtools-example-react-time-travelhttps://pkg.pr.new/template/01e665b3-e64c-4782-875a-1a2be83f0028
@tanstack/devtools-example-preact-basichttps://pkg.pr.new/template/359c2dcb-8456-4b28-be58-91c48ec0ce71
@tanstack/devtools-custom-devtools-preacthttps://pkg.pr.new/template/b3880cbb-4f7a-4028-9878-75961dd173f4
@tanstack/solid-devtools-a11y-examplehttps://pkg.pr.new/template/7e9259d6-de14-4184-91c2-b49559d912b6
@tanstack/devtools-example-solid-basichttps://pkg.pr.new/template/34aff820-07a9-4daa-b02d-7c257428da33
@tanstack/devtools-example-devtools-uihttps://pkg.pr.new/template/21a8dfea-138a-4084-aff7-0f9eb4d4082d
@tanstack/devtools-example-solid-starthttps://pkg.pr.new/template/2ab5713a-a361-4d51-a854-45ef7a5623ab
@tanstack/query-example-vue-basichttps://pkg.pr.new/template/173b5ff3-509d-4bde-abb1-8ac0792f35a0
17321dahttps://github.com/TanStack/devtools/runs/110911933232
Please reload this pagehttps://github.com/TanStack/devtools/pull/550
https://github.com/apps/coderabbitai
coderabbitaihttps://github.com/apps/coderabbitai
Oct 2, 2026 https://github.com/TanStack/devtools/pull/550#pullrequestreview-5393175940
View reviewed changes https://github.com/TanStack/devtools/pull/550/files/82bd84f82b84a753d071afff3e5c2a93a3bda2b2
coderabbitaihttps://github.com/apps/coderabbitai
https://github.com/TanStack/devtools/pull/550#pullrequestreview-5393175940
Learn morehttps://docs.github.com/articles/managing-disruptive-comments/#hiding-a-comment
afa01fehttps://github.com/TanStack/devtools/commit/afa01fec1751308eb5f60e737e408f2fc34e669a
82bd84fhttps://github.com/TanStack/devtools/commit/82bd84f82b84a753d071afff3e5c2a93a3bda2b2
Please reload this pagehttps://github.com/TanStack/devtools/pull/550
packages/devtools/src/hooks/use-modal-host.tshttps://github.com/TanStack/devtools/pull/550/files/82bd84f82b84a753d071afff3e5c2a93a3bda2b2#diff-3f94169855ceaa6468dc3877cde7cd1ac2187fc178615fd7ad8b4b4219c1a3ed
Please reload this pagehttps://github.com/TanStack/devtools/pull/550
packages/devtools/src/hooks/use-modal-host.tshttps://github.com/TanStack/devtools/pull/550/files/82bd84f82b84a753d071afff3e5c2a93a3bda2b2#diff-3f94169855ceaa6468dc3877cde7cd1ac2187fc178615fd7ad8b4b4219c1a3ed
Please reload this pagehttps://github.com/TanStack/devtools/pull/550
https://github.com/AlemTuzlak
fix(devtools): keep openAsModal on top of later dialogs and release r…https://github.com/TanStack/devtools/pull/550/commits/17321daea4340debbd1f21f19a30c0109fb6f6be
17321dahttps://github.com/TanStack/devtools/pull/550/commits/17321daea4340debbd1f21f19a30c0109fb6f6be
https://github.com/apps/coderabbitai
coderabbitaihttps://github.com/apps/coderabbitai
Oct 2, 2026 https://github.com/TanStack/devtools/pull/550#pullrequestreview-5393856382
View reviewed changes https://github.com/TanStack/devtools/pull/550/files/17321daea4340debbd1f21f19a30c0109fb6f6be
coderabbitaihttps://github.com/apps/coderabbitai
https://github.com/TanStack/devtools/pull/550#pullrequestreview-5393856382
Learn morehttps://docs.github.com/articles/managing-disruptive-comments/#hiding-a-comment
82bd84fhttps://github.com/TanStack/devtools/commit/82bd84f82b84a753d071afff3e5c2a93a3bda2b2
17321dahttps://github.com/TanStack/devtools/commit/17321daea4340debbd1f21f19a30c0109fb6f6be
Please reload this pagehttps://github.com/TanStack/devtools/pull/550
packages/devtools/src/hooks/use-modal-host.tshttps://github.com/TanStack/devtools/pull/550/files/17321daea4340debbd1f21f19a30c0109fb6f6be#diff-3f94169855ceaa6468dc3877cde7cd1ac2187fc178615fd7ad8b4b4219c1a3ed
coderabbitaihttps://github.com/apps/coderabbitai
Oct 2, 2026https://github.com/TanStack/devtools/pull/550#discussion_r4167385107
Learn morehttps://docs.github.com/articles/managing-disruptive-comments/#hiding-a-comment
dom.spec.whatwg.orghttps://dom.spec.whatwg.org/
Please reload this pagehttps://github.com/TanStack/devtools/pull/550
https://github.com/AlemTuzlak
AlemTuzlakhttps://github.com/AlemTuzlak
7b5f1eehttps://github.com/TanStack/devtools/commit/7b5f1eef8b9ac990cb4604f93a499581e1f3a5fb
Oct 29, 2026https://github.com/TanStack/devtools/pull/550#event-34600741368
Please reload this pagehttps://github.com/TanStack/devtools/pull/550
https://github.com/AlemTuzlak
AlemTuzlakhttps://github.com/AlemTuzlak
October 29, 2026 15:13https://github.com/TanStack/devtools/pull/550#event-34600747304
https://github.com/apps/github-actions
github-actionshttps://github.com/apps/github-actions
Oct 29, 2026 https://github.com/TanStack/devtools/pull/550#ref-pullrequest-6102758592
ci: Version Packages #558 https://github.com/TanStack/devtools/pull/558
https://github.com/apps/coderabbitai
coderabbitaihttps://github.com/apps/coderabbitai
Oct 29, 2026 https://github.com/TanStack/devtools/pull/550#ref-pullrequest-5678881952
feat(devtools): add hideInAutomation to keep devtools out of e2e tests #549 https://github.com/TanStack/devtools/pull/549
https://github.com/apps/github-actions
github-actionshttps://github.com/apps/github-actions
Oct 29, 2026https://github.com/TanStack/devtools/pull/550#issuecomment-6503306994
@tanstack/devtools@0.16.0https://github.com/TanStack/devtools/blob/main/packages/devtools/CHANGELOG.md#0160
Please reload this pagehttps://github.com/TanStack/devtools/pull/550
https://github.co/hiddenchars
https://github.com/TanStack/devtools/pull/{{ revealButtonHref }}
Sign up for freehttps://github.com/join?source=comment-repo
Sign in to commenthttps://github.com/login?return_to=https%3A%2F%2Fgithub.com%2FTanStack%2Fdevtools%2Fpull%2F550
https://github.com/apps/coderabbitai
coderabbitai[bot] https://github.com/apps/coderabbitai
https://github.com/TanStack/devtools/pull/550/files/17321daea4340debbd1f21f19a30c0109fb6f6be
Please reload this pagehttps://github.com/TanStack/devtools/pull/550
Incorrect interaction with html dialog https://github.com/TanStack/devtools/issues/369
Please reload this pagehttps://github.com/TanStack/devtools/pull/550
https://github.com/AlemTuzlak
https://github.com
Termshttps://docs.github.com/site-policy/github-terms/github-terms-of-service
Privacyhttps://docs.github.com/site-policy/privacy-policies/github-privacy-statement
Securityhttps://github.com/security
Statushttps://www.githubstatus.com/
Communityhttps://github.community/
Docshttps://docs.github.com/
Contacthttps://support.github.com?tags=dotcom-footer

Viewport: width=device-width

URLs of crawlers that visited me.