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 capture local resources. Enable this setting under Settings > Data Capture and Privacy > Data Capture to start capturing local resources in future sessions.
Note: After you enable local resource capture, 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?