Web component styles are not being recording in replays

[DanielRivers]

Environment

SaaS (https://sentry.io/)

Version

No response

Link

No response

DSN

https://51900dc743114362aed696db01ee6e4https://51900dc743114362aed696db01ee6e4e@o1260070.ingest.sentry.io/1207139e@o1260070.ingest.sentry.io/1207139

Steps to Reproduce

In Angular we have modals and menus, we currently use ionic modals.

Expected Result

Show the modal styled correctly

Actual Result

When they are shown, they have no styling, positions full width, no background

[getsantry]

Assigning to @getsentry/support for routing, due by Tuesday, April 18th at 5:00 pm (sfo). ⏲️

[getsantry]

Routing to @getsentry/replay for triage, due by Wednesday, April 19th at 11:47 am (sfo). ⏲️

[bruno-garcia]

use ionic modals.

Is this a mobile or web app? Sentry supports Web right now (experimental Capacitor).

What SDK version did you try? Could you please share a link to the website if it's public so we can investigate?

[DanielRivers]

Hi @bruno-garcia , its not a public application but I can arrange a demo if that would help, it a web application not mobile.

We are using @sentry/angular-ivy package.

[bruno-garcia]

@DanielRivers Could share a link to a replay in Sentry that's broken? Maybe we can spot the issue there

[DanielRivers]

@bruno-garcia here is one from our staging platform - https://lavanda.sentry.io/replays/pms:764a73a044ec425997cac549cb29d7e6/?environment=staging&project=1207139&query=&referrer=%2Freplays%2F&statsPeriod=14d&yAxis=count%28%29

Look at 27 seconds in, what shows should be a nice dialog

[DanielRivers]

on smaller screens we switch to a off canvas menu. Replay in this instance shows it always expanded. Could be a similar issue.

[bruno-garcia]

We don't support canvas yet. There's a ticket for it here.
Not sure if that's the root cause though. @billyvg could you please investigate this one? Not sure what's going on

[DanielRivers]

@bruno-garcia Sorry I didn't mean <canvas> tag, I meant "off-canvas menu" as detailed here on W3 https://www.w3schools.com/howto/howto_js_off-canvas.asp

Apologies for confusion