feat(replay): Add troubleshooting section for "Replay does not look correct" (#11375)

Adds some common cases where a replay does not look correct

Closes #10886

* Update docs/platforms/javascript/common/session-replay/troubleshooting.mdx

Co-authored-by: Jasmin <[email protected]>

* Update docs/platforms/javascript/common/session-replay/troubleshooting.mdx

* Apply suggestions from code review

Co-authored-by: Liza Mock <[email protected]>

---------

Co-authored-by: Jasmin <[email protected]>
Co-authored-by: Liza Mock <[email protected]>

Author: 3 people

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

@@ -21,6 +21,21 @@ excerpt: ""
 description: "Troubleshooting Session Replay-specific Issues"
 ---
 
+<Expandable title="Replay doesn't match my application" permalink>
+
+There are a few cases where the replay playback won't match the look of your application. Below, are some common causes and solutions if you experience this.
+
+### Missing elements from the replay
+
+* You may be using unsupported and/or deprecated elements such as `<frame>` (not to be confused with `<iframe>`).
+* The element may be blocked by the [privacy configuration](/platforms/javascript/session-replay/privacy/#blocking) (by default, elements with the class name `sentry-block` or the attribute `data-sentry-block`).
+
+### CSS is wrong or missing
+
+* There may be edge cases with complex CSS selectors which break the styling. Please [file an issue on GitHub](https://github.com/getsentry/sentry-javascript/issues) if you encounter this.
+
+</Expandable>
+
 <Expandable title="My `canvas` elements aren't getting captured" permalink>
 
 Canvas is supported in SDK versions >= `7.98.0`. Please see the <PlatformLink to="/session-replay/#canvas-recording">canvas setup documention</PlatformLink> to get started with canvas recordings.