Description
Mermaid is a JavaScript tool that uses Markdown-inspired text to create and modify diagrams and charts. Versions 10.9.5 and prior, in addition to 11.0.0-alpha.1 through 11.12.0 are vulnerable to CSS injection through improper sanitization. The state diagram (and any other diagram type that routes user-controlled style strings through the createCssStyles parser) captures classDef values using an unrestricted regex that matches everything up to a newline. That value then flows unsanitized through addStyleClass() into createCssStyles() and is assigned to style.innerHTML, so a closing brace (}) in the value terminates the generated CSS selector and turns everything after it into a new CSS rule on the page. This enables page defacement, user tracking via url() callbacks, and DOM attribute exfiltration. This issue has been fixed in versions 10.9.6 and 11.15.0. If developers are unable to immediately upgrade, they can work around this issue by setting "securityLevel": "sandbox", which prevents the issue by rendering the mermaid diagram in a sandboxed <iframe>.
Problem types
CWE-94: Improper Control of Generation of Code ('Code Injection')
Product status
< 10.9.6
References
github.com/...ermaid/security/advisories/GHSA-xcj9-5m2h-648r
github.com/...ommit/8fead23c59166b7bab6a39eac81acebee2859102
github.com/...ommit/e9b0f34d8d82a6260077764ee45e1d7d90957a0f
github.com/mermaid-js/mermaid/releases/tag/mermaid@11.15.0
github.com/mermaid-js/mermaid/releases/tag/v10.9.6
mermaid.js.org/config/schema-docs/config.html