Follow-up for #3462636: component previews in left menu don't have style encapsulation

iFrame might introduce issues with the way the preview is scaled

Why can we not reproduce the same there? 🤔 I am fairly certain that is possible because of the work I did a decade ago on https://drupal.org/project/responsive_preview

It's certainly not impossible to do with an iFrame but there will be challenges around rendering the iFrame at the correct size (the same size as the content) and then scaling it smaller (you can't simply show a small iFrame because then any mobile width media queries will take effect and the preview will show the mobile styling). There may also be issues with the speed at which the content can render inside an iFrame, even if you use srcdoc).

Shadowdom might just be easier - but I'm less familiar with it so it may have unforeseen limitations too.

Ahhh, gotcha! 👍 Thanks for providing that additional context 😊

Assigning it to me as there is no update till now on this.

Tests are failing, working on them.
Here is the after MR screen recording:

I have fixed the tests.It's up for a review.As i was also working on the same issue so i thought i could fix the tests.

Automatically closed - issue fixed for 2 weeks with no activity.