Session Replay not fulling rendering in Ionic & Capacitor

[ReneGreen27]

Environment

Angular 19.x

Ionic 8.6.2

Capacitor 7 (Android, iOS, PWA)

@sentry/angular 9.46.0

@sentry/capacitor 2.4.1

Runtime UA in replay: Chrome

Steps to Reproduce

Seeing only partial rendering of the replays. We tried ruling out the following:

• Not a sampling or config issue

• Replay reduced to absolute minimum:

SentryAngular.replayIntegration({
maskAllText: false,
blockAllMedia: true,
maskAllInputs: false,
useCompression: false,
replaysSessionSampleRate: 1.0,
})

Can see that with this set along with replayCanvasIntegration() removed there was still no improvement of additional or different rendering of components within the replay. You can reference internal ticket #171669 for example replays with and without this config.

This seems to indicate that it's not canvas related.

The Replay SDK is initialized normally and confirmed to not be a CORS issue as CORS was updated to allow sentry.io.

No upload failures or blocked network requests observed

Performed all TS in related Session Replay TS Guide here

Expected Result

Expected that Replays would properly render

Actual Result

See example replays in internal ticket #171669. Please confirm if this is a bug or a result of expected limitation of Session Replay capturing with Ionic/Angular/Capacitor config?

[linear]

CAPA-77

[raph-aub]

I would like to add that we found an error in the console which could help you investigate

Too, all Sentry packages has been updated to the latest version.

[lucas-zimerman]

Thank you for opening this issue! Which version of @ionic/angular are you using on your project?

[raph-aub]

Thank you for opening this issue! Which version of @ionic/angular are you using on your project?

8.7.11

[lucas-zimerman]

Could you try setting version 8.7.0 of @ionic/angular?

[raph-aub]

Updating the @ionic/angular version helped significantly in resolving the issue, but it is not completely fixed yet. We are still experiencing problems with our popups — they are not centered on the screen, and some of them affect the bottom menu layout, which does not occur in the live environment.

Replay sample

Too, did you saw my first comment on this thread with the error in the console "Permission is not set"? Is there anything to do with this?

[lucas-zimerman]

Glad to hear it's working better! In regard to the error and the popup, we will investigate what's going on.

[lucas-zimerman]

Does the popup issue also happens if you try the app on the browser with ng serve?

[raph-aub]

Does the popup issue also happens if you try the app on the browser with ng serve?

Yes

[billyvg]

Updating the @ionic/angular version helped significantly in resolving the issue, but it is not completely fixed yet. We are still experiencing problems with our popups — they are not centered on the screen, and some of them affect the bottom menu layout, which does not occur in the live environment.

[Replay sample](https://mobilus-technologies.sentry.io/explore/replays/031b6b9d98f04e16b37b8631e52db0fc/?playlistEnd=2026-02-11T14%3A58%3A24&playlistStart=2026-01-28T14%3A58%3A24&project=5186798&query=&referrer=%2Fexplore%2Freplays%2F%3AreplaySlug%2F&t=1)

Too, did you saw my first comment on this thread with the error in the console "Permission is not set"? Is there anything to do with this?

What timestamp is the popup on this replay? It looks fine on my browser

[raph-aub]

Is is at 1:34

But there is something strange. I reloaded my browser (Chrome) and now it look like this

In real usage, the popup is like this screenshot

[raph-aub]

Hi, is there any news about this issue?

thanks