The integrate borwser do not let me properly select component.
Steps to Reproduce
It seems that when we use the Shadow DOM, the integrated browser does not handle it well and does not allow us to select items that are inside the Shadow DOM.
Expected Behavior
Being able to navigate through more elements so that we can reference them in the Cursor agent chat.
Screenshots / Screen Recordings
Operating System
MacOS
Version Information
Version: 2.6.19
VSCode Version: 1.105.1
Commit: 224838f96445be37e3db643a163a817c15b36060
Date: 2026-03-12T04:07:27.435Z (il y a 4 jours)
Build Type: Stable
Release Track: Default
Electron: 39.4.0
Chromium: 142.0.7444.265
Node.js: 22.22.0
V8: 14.2.231.22-electron.0
OS: Darwin arm64 25.3.0
Hey, thanks for the report and the video recordings. They make the issue very clear.
This looks like a limitation of the integrated browser element picker when it deals with Shadow DOM. The picker currently can’t pierce shadow boundaries, so elements inside a Shadow DOM tree can’t be selected or referenced in the chat.
A similar issue with the element selector on complex app structures has been reported before here: Simple Browser element selector doesn't work on complex React apps. I’m flagging your report to the team. There’s no timeline yet, but your report helps us prioritize.
Workaround for now: you can use the @url reference in the agent chat to point to your localhost page, or manually describe the Shadow DOM component in your prompt so the agent has context without relying on the visual selector.
Hey @Alberto_Aldegheri! The team is aware of the Shadow DOM limitation in the element picker tool. Sadly we don’t have an ETA yet, but messages like yours help us prioritize.