-
-
Notifications
You must be signed in to change notification settings - Fork 6.3k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
All <svg> elements in page are colored black #584
Comments
This problem does not occur in mermaid 7.0.17 but occur in mermaid 7.0.18. So this is a regression. |
Yes it is a regression. In order to fix the problem from the root, we need to put mermaid CSS into its own namespace so it won't have any global pollution effect. Example: .mermad > svg {
...
} |
This looks like it is resolved by: #577 |
tigefa4u
pushed a commit
to tigefa4u/gitlabhq
that referenced
this issue
Oct 22, 2018
This commit moves `mermaid` from blackst0ne-mermaid package to the upstream version. The reason why the fork was used was this bug[1]. The bug has been fixed, so there's no need to maintain my fork anymore. [1]: mermaid-js/mermaid#584
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Problem
I found a weird CSS rule in
<style>
element under<svg id="mermaidChartXXX">
element as following.It colors all
<svg>
elements as black in an entire page overwriting other CSS rules.How to reproduce
$ npm install mermaid
$ open node_modules/mermaid/dist/index.html
<svg id="mermaidChart1">
element under<div class="mermaid">
<style>
element's last CSS rule.Environment
Followings are my environment information:
The text was updated successfully, but these errors were encountered: