Skip to content

SVG icons do not appear in the Sentry Replay Video #7020

Closed as not planned
Closed as not planned
@KSarchousoudis

Description

@KSarchousoudis

Is there an existing issue for this?

How do you use Sentry?

Sentry Saas (sentry.io)

Which package are you using?

@sentry/angular

SDK Version

7.31.1

Framework Version

@sentry/angular

Link to Sentry event

https://sentry.io/organizations/dataviva/replays/kostas-testing:b5aff935de25497591caeae64379683c/?query=duration%3A%3E%3D5&referrer=%2Forganizations%2F%3AorgId%2Freplays%2F&statsPeriod=14d&yAxis=count%28%29

SDK Setup

Sentry.init({
      environment: environment.sentryEnvironment,
      release: environment.sentryRelease,
      dsn: environment.sentryDSN,
      // This sets the sample rate to be 10%. You may want this to be 100% while
      // in development and sample at a lower rate in production (Will record full session)
      replaysSessionSampleRate: 0.1,
      // If the entire session is not sampled, use the below sample rate to sample
      // sessions when an error occurs. (Will record up to a minute prior to the error 
      // and then keep recording until session ends)
      replaysOnErrorSampleRate: 1.0,
      integrations: [
         new BrowserTracing({
            tracePropagationTargets: [environment.apiEndpoint],
            routingInstrumentation: Sentry.routingInstrumentation
         }), 
         new Sentry.Replay({
            blockAllMedia: false,
            maskAllInputs: false,
            maskAllText: false,
            blockClass: 'password',
            maskInputOptions: {
               password: true
            }

         })
      ],

      // Set tracesSampleRate to 1.0 to capture 100%
      // of transactions for performance monitoring.
      // We recommend adjusting this value in production
      tracesSampleRate: environment.sentryTracesSampleRate
   });

Steps to Reproduce

In Sentry Replay produced video the SVG icons we use are not showing in the video.

If it helps we make use of "ng-svg-icon-sprite” package to display our SVG's

Expected Result

We would expect that after having set property blockAllMedia: to false, we would be able to see the icons as they are a type of media

Actual Result

issue

Metadata

Metadata

Assignees

No one assigned

    Labels

    Package: replayIssues related to the Sentry Replay SDK

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions