CSS Issues in some recordings

Issues & Bugs
1

Hey!

We have an issue. Some of our recordings don’t load CSS at all seemingly. There is no recorded error and there’s also no network error for the openreplay at all. This impacts a lot of sessions but not all (roughly 20%).

Packages:
“@openreplay/tracker”: “18.1.2”,

“@openreplay/tracker-assist”: “11.0.20”,

“@openreplay/tracker-graphql”: “4.1.0”,

Our assets are publicly available. They are served from CF.

Openreplay config:
OpenReplay = new Tracker({

  ingestPoint: ingestPoint,

  projectKey: config.openReplay.projectKey,

  domSanitizer: (node: Element) => {

    if (node instanceof HTMLCanvasElement) {

      try {

        const ctx = node.getContext("2d")

        ctx?.getImageData(0, 0, 1, 1)

        return SanitizeLevel.Plain

      } catch (\_err) {

        return SanitizeLevel.Hidden

      }

    }

    return SanitizeLevel.Plain

  },

  obscureTextNumbers: false,

  obscureInputDates: false,

  obscureInputEmails: true,

  obscureInputNumbers: false,

  obscureTextEmails: true,

  network: {

    failuresOnly: false,

    ignoreHeaders: false,

    sessionTokenHeader: false,

    capturePayload: true,

    captureInIframes: true

  },

  inlineCss: 3,

  css: {

    scanInMemoryCSS: true

  },

  revID: window.buildNumber,

  disableStringDict: true

})

OpenReplay.coldStart({ metadata: { environment: getEnv() } })

The CSS related settings were applied as a try to fix it. It did help with some things (font missmatch etc) but it did not solve it fully.

What could cause this? Why only for certain recordings? Can it be browser related?
Please let me know if we can do anything with it