The DevTools panel that opens against a Cursor canvas has no visible close affordance. The standard Chromium DevTools “×” button in the top-right of the panel — which normally dismisses DevTools — is missing. There is no apparent menu item, button, or keyboard shortcut that closes the panel either, leaving it permanently docked over half the canvas viewport once opened.
Steps to Reproduce
Open a .canvas.tsx file in Cursor so the canvas renders in the right pane.
Open DevTools on the canvas (e.g. right-click in the canvas pane → Inspect, or via the canvas’s DevTools shortcut).
The DevTools panel opens docked to the canvas, occupying roughly half the pane width and showing the Elements / Console / Sources / Network / Performance / Memory tabs.
Inspect the DevTools chrome for a close button.
Expected Behavior
DevTools should have a visible close affordance — typically an “×” in the top-right of the panel — that dismisses DevTools and restores the full canvas render, matching standard Chromium DevTools behavior. Re-pressing the shortcut that opened DevTools should also toggle it closed.
This is a known bug with DevTools in embedded panels (canvases, browser views). The close button and some other DevTools UI elements aren’t rendering properly in the docked view.
A quicker workaround than reloading the window: press Cmd+Option+I (macOS) while the canvas panel is focused. That toggles DevTools open and closed, so you can dismiss it without reloading.
Our team is aware and working on a fix for the DevTools chrome UI in these embedded views.
I did try this, but it had no effect. I’ve also checked that no other keybindings are interfering with it. I tried it on my colleague’s laptop as well, and it didn’t work there either, which is why I’m currently refreshing it.
Open a canvas and right click to inspect element, now try and close the browser inspect panel that opened, you can’t there is no close button. Using Command-Option-I opens ANOTHER devtools panel for the whole Cursor UI instead of closing canvas one.
