# Canvas DevTools panel has no close button

**URL:** <https://forum.cursor.com/t/canvas-devtools-panel-has-no-close-button/160453>\
**Category:** Bug Reports\
**Tags:** canvas\
**Created:** [May 13, 2026, 3:20am UTC](https://forum.cursor.com/t/canvas-devtools-panel-has-no-close-button/160453 "2026-05-13T03:20:06Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Keshav\_Kk](https://sea3.discourse-cdn.com/cursor1/user_avatar/forum.cursor.com/keshav_kk/32/108439_2.png) [@Keshav\_Kk](https://forum.cursor.com/u/Keshav_Kk)\
**Post date:** [May 13, 2026, 3:20am UTC](https://forum.cursor.com/t/canvas-devtools-panel-has-no-close-button/160453/1 "2026-05-13T03:20:06Z")

</div>

### Where does the bug appear (feature/product)?

Cursor IDE

### Describe the Bug

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

1. Open a .canvas.tsx file in Cursor so the canvas renders in the right pane.
2. Open DevTools on the canvas (e.g. right-click in the canvas pane → Inspect, or via the canvas’s DevTools shortcut).
3. The DevTools panel opens docked to the canvas, occupying roughly half the pane width and showing the Elements / Console / Sources / Network / Performance / Memory tabs.
4. 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.

### Screenshots / Screen Recordings

 ![cursor-canvas-inspect.png](https://us1.discourse-cdn.com/cursor1/original/3X/e/1/e1ba720a9ec94f8ae9c6aa0bdf55581f926116f1.png)

### Operating System

MacOS

### Version Information

Version: 3.3.30  
VSCode Version: 1.105.1  
Commit: 3dc559280adc5f931ade8e25c7b85393842acf30  
Date: 2026-05-09T18:28:42.332Z  
Layout: glass  
Build Type: Stable  
Release Track: Default  
Electron: 39.8.1  
Chromium: 142.0.7444.265  
Node.js: 22.22.1  
V8: 14.2.231.22-electron.0  
OS: Darwin arm64 25.4.0

### Additional Information

Current Workaround : Reload Cursor window

### Does this stop you from using Cursor

No - Cursor works, but with this issue

---

<div class="post-metadata">

**Author:** ![mohitjain](https://sea3.discourse-cdn.com/cursor1/user_avatar/forum.cursor.com/mohitjain/32/100229_2.png) [@mohitjain](https://forum.cursor.com/u/mohitjain)\
**Post date:** [May 13, 2026, 7:39am UTC](https://forum.cursor.com/t/canvas-devtools-panel-has-no-close-button/160453/6 "2026-05-13T07:39:39Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![Keshav\_Kk](https://sea3.discourse-cdn.com/cursor1/user_avatar/forum.cursor.com/keshav_kk/32/108439_2.png) [@Keshav\_Kk](https://forum.cursor.com/u/Keshav_Kk)\
**Post date:** [May 13, 2026, 7:56am UTC](https://forum.cursor.com/t/canvas-devtools-panel-has-no-close-button/160453/7 "2026-05-13T07:56:17Z")

</div>

Thank you for your reply.

> [@mohitjain](#):
>
> Cmd+Option+I (macOS)

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.

---

<div class="post-metadata">

**Author:** ![mohitjain](https://sea3.discourse-cdn.com/cursor1/user_avatar/forum.cursor.com/mohitjain/32/100229_2.png) [@mohitjain](https://forum.cursor.com/u/mohitjain)\
**Post date:** [May 13, 2026, 7:59am UTC](https://forum.cursor.com/t/canvas-devtools-panel-has-no-close-button/160453/9 "2026-05-13T07:59:09Z")

</div>

Thanks for confirming. I’ve filed a new bug report for this so that the relevant team can look into it. Will keep you updated on the fix.

---

<div class="post-metadata">

**Author:** ![system](https://sea3.discourse-cdn.com/cursor1/user_avatar/forum.cursor.com/system/32/99069_2.png) [@system](https://forum.cursor.com/u/system)\
**Post date:** [May 15, 2026, 7:59am UTC](https://forum.cursor.com/t/canvas-devtools-panel-has-no-close-button/160453/10 "2026-05-15T07:59:32Z")

</div>

Closed on May 15, 2026, 7:59am UTC

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.

---

<div class="post-metadata">

**Author:** ![Colin](https://sea3.discourse-cdn.com/cursor1/user_avatar/forum.cursor.com/colin/32/90452_2.png) [@Colin](https://forum.cursor.com/u/Colin)\
**Post date:** [November 4, 2026, 9:19am UTC](https://forum.cursor.com/t/canvas-devtools-panel-has-no-close-button/160453/12 "2026-11-04T09:19:00Z")

</div>

Opened on November 4, 2026, 9:19am UTC



---

<div class="post-metadata">

**Author:** ![mattaningram](https://sea3.discourse-cdn.com/cursor1/user_avatar/forum.cursor.com/mattaningram/32/111715_2.png) [@mattaningram](https://forum.cursor.com/u/mattaningram)\
**Post date:** [November 3, 2026, 7:44pm UTC](https://forum.cursor.com/t/canvas-devtools-panel-has-no-close-button/160453/13 "2026-11-03T19:44:04Z")

</div>

### Where does the bug appear (feature/product)?

Cursor IDE

### Describe the Bug

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.

### Steps to Reproduce

Open a canvas and right click to inspect element

### Expected Behavior

Inspect panel has a close button

### Screenshots / Screen Recordings

 ![Screenshot 2026-11-03 at 2.43.09 PM.png](https://us1.discourse-cdn.com/cursor1/original/3X/7/5/752e803eb754ba832f738634c32a52ac6c35e2ba.png)

### Operating System

MacOS

### Version Information

Version: 3.28.7  
VS Code Extension API: 1.128.0  
Commit: 25b52e7d03ebf2d5608914158e119f7992432a30  
Date: 2026-11-03T02:20:44.943Z  
Layout: Agent Window  
Build Type: Stable  
Release Track: Default  
Electron: 42.11.16  
Chromium: 148.0.7778.280  
Node.js: 24.19.0  
V8: 14.8.178.38-electron.0  
xterm.js: 6.1.0-beta.291  
OS: Darwin arm64 27.0.0

### Does this stop you from using Cursor

No - Cursor works, but with this issue
