Attention: This version of Event Streams has reached End of Support. For more information about supported versions, see the support matrix.

UI shows black images in Firefox

Symptoms

Images in the Event Streams UI are rendered as a black-filled shape instead of the correct image as shown in the following example:

'Event Streams UI with black rendered images'

Causes

Mozilla Firefox 76 and earlier versions block the inline CSS styling in SVG images. This is because they incorrectly apply the page-level Content Security Policy against the SVG images.

Resolving the problem

Update your Firefox version to 77 or later as the issue has been resolved in Firefox 77.