getsentry / sentry

Developer-first error tracking and performance monitoring
https://sentry.io
Other
39.32k stars 4.21k forks source link

Using Modals in Vue causes Session Replay viewing difference between browsers #80116

Open ReneGreen27 opened 1 month ago

ReneGreen27 commented 1 month ago

Problem Statement

Using the latest version of Vue SDK and updated dependencies

With using Modals, viewing the same session replay in the UI in Chrome the overlay causes a grey background, so you're still able to view the background. In Firefox the overlay causes a black background resulting in it being unviewable for the same replay. This is a repeatable behavior; I can confirm there are no ad blockers or extensions resulting in this issue.

Latest version of both browsers

Example replay links as well as a screen recording can be found in internal ticket #135567

Solution Brainstorm

No response

Product Area

Replays

getsantry[bot] commented 1 month ago

Routing to @getsentry/product-owners-replays for triage ⏲️

getsantry[bot] commented 1 month ago

Auto-routing to @getsentry/product-owners-replays for triage ⏲️

getsantry[bot] commented 1 month ago

Routing to @getsentry/product-owners-replays for triage ⏲️

bruno-garcia commented 4 weeks ago

Thanks for raising this. We didn't have a chance to debug this yet but I'll reply here as soon as we do