Radix Popover × Sentry Session Replay — Repro

This reproduces a customer issue: Radix UI popovers/menus don’t show up in Session Replay, even though they render fine live.

Stack: React 19, Radix, shadcn, @sentry/react 10.58.0 (rrweb 2.43.2), useCompression: false, no masking, replaysSessionSampleRate: 1.0.

Setup

1. Put your DSN in src/sentry.ts → SENTRY_DSN (falls back to a javascript-electron DSN if empty).

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Open http://localhost:5173.

How to Run the Tests

For each test control (1–6):

1. Load the page and wait 2–3 seconds for the full snapshot.
2. Click the trigger to open the popover/menu and leave it open for 2–3 seconds.
3. Close it.
4. Wait 1 second, open it again, then close it again.
5. Click Go to Other route, come back, and repeat Tests 1 and 2 to check post-navigation behavior.