Skip to content

Commit 3038abf

Browse files
authored
ref(replay): Add note about SVG <use> CORS limitations (#6211)
1 parent 55cc38e commit 3038abf

File tree

1 file changed

+9
-3
lines changed

1 file changed

+9
-3
lines changed

src/platforms/javascript/common/session-replay/troubleshooting.mdx

Lines changed: 9 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ redirect_from:
99
- /platforms/javascript/guides/capacitor/troubleshooting/session-replay/
1010
- /platforms/javascript/guides/cordova/troubleshooting/session-replay/
1111
- /platforms/javascript/guides/ember/troubleshooting/session-replay/
12-
- /platforms/javascript/guides/electron/troubleshooting/session-replay/
12+
- /platforms/javascript/guides/electron/troubleshooting/session-replay/
1313
- /platforms/javascript/guides/gatsby/troubleshooting/session-replay/
1414
- /platforms/javascript/guides/nextjs/troubleshooting/session-replay/
1515
- /platforms/javascript/guides/react/troubleshooting/session-replay/
@@ -25,9 +25,15 @@ This guide aims to extend the <PlatformLink to="/troubleshooting/">main troubles
2525

2626
There's currently no support for `canvas`. It's being tracked in this [GitHub issue](https://github.com/getsentry/sentry-javascript/issues/6519). Feel free to 👍 and help us prioritize it.
2727

28-
## My Custom CSS/Images/Fonts/Media Aren't Appearing When I View the Replay
28+
## My Custom CSS/Images/Fonts/Media Aren't Appearing When I View the Replay
2929

30-
The replay 'video' is actually a video-like reproduction of the HTML on your website. This means that all the external resources your site uses (CSS/Images/Fonts), will be rendered by the corresponding &lt;style&gt;, &lt;img&gt; and &lt;video&gt; tags on your site. Add `sentry.io` to your CORS policy so the iframe hosted on sentry.io can fetch and display these resources.
30+
The replay 'video' is actually a video-like reproduction of the HTML on your website. This means that all the external resources your site uses (CSS/Images/Fonts), will be rendered by the corresponding &lt;style&gt;, &lt;img&gt; and &lt;video&gt; tags on your site. Add `sentry.io` to your CORS policy so the iframe hosted on sentry.io can fetch and display these resources.
31+
32+
<Alert>
33+
34+
Due to [browser limitations](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/use), SVGs containing `<use>` tags with links to your domain cannot be accessed from other origins, even if you add `sentry.io` to your CORS policy. This is a known issue and we are working on a solution.
35+
36+
</Alert>
3137

3238
## Replay on My Bowser Extension Doesn't Work
3339

0 commit comments

Comments
 (0)