Capture DOM events (e.g. clicks) for same-origin iframe content #14008
Description
Is there an existing issue for this?
- I have checked for existing issues https://github.com/getsentry/sentry-javascript/issues
- I have reviewed the documentation https://docs.sentry.io/
- I am using the latest SDK release https://github.com/getsentry/sentry-javascript/releases
How do you use Sentry?
Sentry Saas (sentry.io)
Which SDK are you using?
@sentry/browser
SDK Version
8.34.0
Framework Version
No response
Link to Sentry event
Reproduction Example/SDK Setup
Have a page with multiple nested iframes, for example:
Top:
<script>
window.sentryOnLoad = function () {
Sentry.init({
replaysSessionSampleRate: 1.0,
integrations: [
Sentry.replayIntegration({maskAllText: false})
],
})
}
</script>
<script src='https://js.sentry-cdn.com/651430b2d9bbd075301fbd0377389722.min.js' crossorigin="anonymous"></script>
<body>
Just the high level body, nothing to see here.
<iframe src="iframe1.html" width="1000" height="1000"></iframe>
</body>
Nested iframes:
<script src="https://js.sentry-cdn.com/cf49a5aeecb64d96a5631a5cc50883a4.min.js" crossorigin="anonymous"></script>
<script>
throw new Error("Iframe 1 error")
</script>
<iframe src="iframe2.html" width="700" height="700"></iframe>
<body>
Steps to Reproduce
Run a simple page with few nested iframes and click around on each of the iframes
Expected Result
The SDK registered all clicks on the iframes and these are visible in the replay sent.
Actual Result
No user click breadcrumbs when there are nested iframes.