Title: Devtools breaks react-resizable-panels cursor after remount · Issue #526 · TanStack/devtools · GitHub
Open Graph Title: Devtools breaks react-resizable-panels cursor after remount · Issue #526 · TanStack/devtools
X Title: Devtools breaks react-resizable-panels cursor after remount · Issue #526 · TanStack/devtools
Description: TanStack Devtools version 0.10.12 Framework/Library version React 19.2.8 Describe the bug and the steps to reproduce it With TanStack Devtools mounted, remounting a react-resizable-panels Group breaks its hover cursor. Steps: render Devt...
Open Graph Description: TanStack Devtools version 0.10.12 Framework/Library version React 19.2.8 Describe the bug and the steps to reproduce it With TanStack Devtools mounted, remounting a react-resizable-panels Group bre...
X Description: TanStack Devtools version 0.10.12 Framework/Library version React 19.2.8 Describe the bug and the steps to reproduce it With TanStack Devtools mounted, remounting a react-resizable-panels Group bre...
Opengraph URL: https://github.com/TanStack/devtools/issues/526
X: @github
Domain: github.com
{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Devtools breaks react-resizable-panels cursor after remount","articleBody":"### TanStack Devtools version\n\n0.10.12\n\n### Framework/Library version\n\nReact 19.2.8\n\n### Describe the bug and the steps to reproduce it\n\nWith TanStack Devtools mounted, remounting a react-resizable-panels Group breaks its hover cursor.\n\nSteps: render Devtools alongside a Group with two Panels and a Separator. Wait for Devtools to load, then change only the Group's `key` and hover the separator.\n\nConfirmed locally in Electron using these minimal components:\n- Initial mount: resize listener runs before Solid; cursor is `ew-resize`.\n- After remount: Solid runs first; hover is detected, but cursor stays `auto`.\n\nSolid's delegated `pointermove` handler leaves `event.currentTarget` pointing to `\u003chtml>` instead of `document`. The resize library then skips cursor styling because `currentTarget.defaultView` is undefined.\n\nRemounting is normal React behavior. Devtools should not change native event properties for unrelated listeners. Is this best addressed here or upstream in Solid?\n\nVersions: @tanstack/react-devtools 0.10.12, solid-js 1.9.15, react-resizable-panels 4.12.3, React 19.2.8, Electron 44.1.0 (macOS).\n\n\n### Your Minimal, Reproducible Example - (Sandbox Highly Recommended)\n\nhttps://stackblitz.com/edit/vitejs-vite-eha3ugdo?file=src%2FApp.tsx,package.json&terminal=dev\n\n### Screenshots or Videos (Optional)\n\n_No response_\n\n### Do you intend to try to help solve this bug with your own PR?\n\nNo, because I do not know how\n\n### Terms & Code of Conduct\n\n- [x] I agree to follow this project's Code of Conduct\n- [x] I understand that if my bug cannot be reliable reproduced in a debuggable environment, it will probably not be fixed and this issue may even be closed.","author":{"url":"https://github.com/alivault","@type":"Person","name":"alivault"},"datePublished":"2026-09-09T22:09:48Z","url":"https://github.com/TanStack/devtools/issues/526"}
| react-profiling | 0 |
| react-import-map | react,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/issues/show/:user_id/:repository/:id/issue_layout(.:format) |
| route-controller | voltron_issues_fragments |
| route-action | issue_layout |
| fetch-nonce | v2:5920c3c6-0aec-15bc-f741-3513bed07a1c |
| current-catalog-service-hash | 81bb79d38c15960b92d99bca9288a9108c7a47b18f2423d0f6438c5b7bcd2114 |
| request-id | 9AB0:26FE0B:24D6375:30F059D:6AF9AC50 |
| html-safe-nonce | 988861e723bb57dfcef01f4f4996448f2ef393c80a8a0a4f3c95cfa69cc4e928 |
| visitor-payload | eyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiI5QUIwOjI2RkUwQjoyNEQ2Mzc1OjMwRjA1OUQ6NkFGOUFDNTAiLCJ2aXNpdG9yX2lkIjoiMTkwNjIwODYxNzc4Njg3OTA1NyIsInJlZ2lvbl9lZGdlIjoiaWFkIiwicmVnaW9uX3JlbmRlciI6ImlhZCJ9 |
| visitor-hmac | 986ea7782ae548a16a30cbd1a50ec1501baf837d3a5bcf365fbdbb7d63b05beb |
| hovercard-subject-tag | issue:5405266303 |
| github-keyboard-shortcuts | repository,issues,copilot |
| google-site-verification | Apib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I |
| octolytics-url | https://collector.github.com/github/collect |
| analytics-location | / |
| fb:app_id | 1401488693436528 |
| apple-itunes-app | app-id=1477376905, app-argument=https://github.com/_view_fragments/issues/show/TanStack/devtools/526/issue_layout |
| twitter:image | https://opengraph.githubassets.com/78011c7b8c674257983a4ae5ebebc08633647c46575129d621eb4e6bb33067ef/TanStack/devtools/issues/526 |
| twitter:card | summary_large_image |
| og:image | https://opengraph.githubassets.com/78011c7b8c674257983a4ae5ebebc08633647c46575129d621eb4e6bb33067ef/TanStack/devtools/issues/526 |
| og:image:alt | TanStack Devtools version 0.10.12 Framework/Library version React 19.2.8 Describe the bug and the steps to reproduce it With TanStack Devtools mounted, remounting a react-resizable-panels Group bre... |
| og:image:width | 1200 |
| og:image:height | 600 |
| og:site_name | GitHub |
| og:type | object |
| og:author:username | alivault |
| hostname | github.com |
| expected-hostname | github.com |
| None | 612d3e6ffd693e7ea8d9fcf452370995872baef31d825b1fedef704cd3d24ac7 |
| turbo-cache-control | no-preview |
| go-import | github.com/TanStack/devtools git https://github.com/TanStack/devtools.git |
| octolytics-dimension-user_id | 72518640 |
| octolytics-dimension-user_login | TanStack |
| octolytics-dimension-repository_id | 1026402761 |
| octolytics-dimension-repository_nwo | TanStack/devtools |
| octolytics-dimension-repository_public | true |
| octolytics-dimension-repository_is_fork | false |
| octolytics-dimension-repository_network_root_id | 1026402761 |
| octolytics-dimension-repository_network_root_nwo | TanStack/devtools |
| turbo-body-classes | logged-out env-production page-responsive |
| disable-turbo | false |
| browser-stats-url | https://api.github.com/_private/browser/stats |
| browser-errors-url | https://api.github.com/_private/browser/errors |
| release | 072e34035c13c31543fba9f025cbbbda4210dae4 |
| ui-target | full |
| theme-color | #1e2327 |
| color-scheme | light dark |
| react-app-name | issues |
Links:
Viewport: width=device-width