When resources such as images, fonts, and CSS don't render correctly in your session, blob: resources referenced in your stylesheets are often the culprit. This is especially common in React applications. Because blob URL resources are stored locally on the end-user's machine, they can't be cached by FullStory's servers or fetched during playback.
You can resolve this issue by allowing FullStory to Record Local Resources. Enable this setting under Settings > Recording to start recording local resources in future sessions.
Note: After you enable local resource recording, you may notice some delays in rendering live sessions when using the "Go Live" button.
Still having issues? You may also want to check out these related articles:
- Why can't I see images and CSS in playback?
- Using FullStory on an internal server
- Why are new FullStory sessions showing my old site design?