Support for iframes in Session Replay

[idosun]

Problem Statement

Session replay currently doesn't capture DOM recording for elements rendered within iframes. For web pages relying heavily on iframes, this might block adopting replay.

Solution Brainstorm

...

┆Issue is synchronized with this Jira Improvement by Unito

[billyvg]

iframes are supported as long as they are not cross origin (although v2 of rrweb will support cross origin iframes). Though there may be a bug with the player. I'm seeing that the iframe contents are being recorded in the JSON but player may not be rendering them until a mutation occurs? This is also with me testing via a browser extension, so the page is fully rendered (and iframe loaded + ready state) before Sentry Replay is injected and started. Here's an example replay https://sentry-emerging-tech.sentry.io/replays/billy-test:6d9d9faba7c440329da3b9d5d853bb8b/?project=6326737&query=&referrer=%2Freplays%2F&statsPeriod=14d&yAxis=count%28%29

[bruno-garcia]

Closing as this should be supported on the latest SDK version. Please let us know if you encounter problems.

[billyvg]

Going to re-open this as we're still seeing some issues with playback. I will try to reproduce the issue.

[bruno-garcia]

Lets aim to have something we can put on our docs. For example cases we know it works and cases that won't:
"There's no support for cross origin iframes" for example I believe is one we know.

[abierbaum]

I ran into an issue where it seem like iframes from the same origin fail with stickySession is true and multiple iframes are active in the same page at the same time. Is this similarly unsupported?

I had to disable stickySession, which is fine, but burns through replay sessions much faster than I would like and thus is much more costly.

[bruno-garcia]

iframes from the same origin fail with stickySession is true and multiple iframes are active in the same page at the same time.

Could you describe in more details what you mean by fail? They no longer show up on the replay or do you see some error in the site, or during playback?

Is this similarly unsupported?

We're not aware yet why some uses cases with iframes don't work. We'll need more examples to investigate this. If a website is public for example, could you please share a link to the site? A link to a Replay in Sentry is also helpful.