My app is embedded in and iframe and when I open it inside Cursors chrome tab - the inspector and design mode can’t see the layout inside the iframe, thought usual devtools can no problem
Steps to Reproduce
For example open any Telegram Web Mini App - they all run inside the iframe and all of them can’t be insepcted via Cursors Design Mode
Expected Behavior
Can inspect and pick html elemets inside the iframe
Operating System
Windows 10/11
Current Cursor Version (Menu → About Cursor → Copy)
A little complex - you would need a Telegram account for this. U can open web telegram https://web.telegram.org/ log into your account if u have one and then open for example this web app Telegram: Launch @word (just example, not even my app)
And this is the most deep I can go
But right now it hurts even more after releasing new Design Mode which I really wanna try out on my app, but I can’t. And there is no option to actually track when this problem gonna be fixed
Thanks @Benjamin_Korser. I found an internal discussion about this and it’s definitely something we’d like to support at some point. I’ve added your +1.
I’m experiencing the same issue while working with React Email. It lets you spin up a server locally and then preview the email in the browser. This preview is rendered inside an iframe, and, using the Cursor browser, I’m unable to select any elements inside it.