Design mode can not inspect in iframe

Support Bug Reports
,
1

Describe the Bug

I really enjoy using design mode but it does not work in iframe. for example in storybook it just only allows select iframe and can not go inside of it.

Steps to Reproduce

open storybook or any iframe in browser tab and try to select element with design tool

Expected Behavior

works

Operating System

MacOS

Version Information

Version: 3.2.16 (Universal)
VSCode Version: 1.105.1
Commit: 3e548838cf824b70851dd3ef27d0c6aae371b3f0
Date: 2026-04-28T21:07:47.682Z
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

Does this stop you from using Cursor

Sometimes - I can sometimes use Cursor

5

Hey, thanks for the report. This is a known limitation. The element picker in Design mode currently only works with the top-level document and can’t go inside iframes due to an explicit guard in the code. That’s why in Storybook and similar cases it selects the <iframe> itself, but not the content inside it.

Same report thread with confirmation from the team: Cursor Design mode can't inspect iframe

Iframe support isn’t trivial cross-origin issues, injecting the picker into each frame, and coordinating overlays, so I can’t share an ETA. I’ll flag this internally again, and if we get a status update, we’ll post it here.

8

thanks. for those who has same issue in storybook i was able to work around it by looking into iframe src and opening it directly