Coral Version 7.0.0

Coral v7 includes a major change in the technology underlying the stream embed.

Previous versions of Coral rendered the stream within an iframe embedded on the parent page, providing encapsulation and isolation from the parent page. However, modern browsers have started to target iframe embeds with performance and usability penalties, leading to a worse commenter experience.

Coral v7 is built using web components – namely Shadow DOM encapsulation to render the stream to the parent page. In addition to avoiding performance penalties, replacing the iframe will also enable further improvements to the performance and usability of the stream embed.

This will require updates to your stylesheets and configuration.

Breaking Changes

• Minimum browser requirements have changed: Coral 7.0.0 will only work in browser that support the Shadow DOM API, which includes all currently supported versions of Chrome, Firefox, Safari, and Edge. Coral 7.0.0 is not compatible with Internet Explorer 11
• If your custom stylesheet includes @font-face declarations, these will need to be split into a separate .css file, and the URL for this file must be specified in the new Custom CSS Stylesheet URL for Font Faces field in Configuration > Advanced > Custom CSS
• Custom CSS targeting body, html or :root will have to be updated to target #coral