marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-09-12 11:59:39 +02:00
Code Issues Packages Projects Releases Wiki Activity

#1212 Class definition is not applied to flowchart nodes with links

Browse Source
This commit is contained in:
Marc Faber
2020-01-19 18:10:14 +01:00
parent 921d274579
commit c38f053294
3 changed files with 17 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
cypress/integration/rendering/flowchart.spec.js
View File

@@ -374,6 +374,7 @@ describe('Flowchart', () => {
click B testClick "click test" click B testClick "click test"
classDef someclass fill:#f96; classDef someclass fill:#f96;
class A someclass; class A someclass;
class C someclass;
`, `,
{ {
listUrl: false, listUrl: false,
@@ -409,7 +410,9 @@ describe('Flowchart', () => {
click A "index.html#link-clicked" "link test" click A "index.html#link-clicked" "link test"
click B testClick "click test" click B testClick "click test"
classDef someclass fill:#f96; classDef someclass fill:#f96;
class A someclass;`, class A someclass;
class C someclass;
`,
{ flowchart: { htmlLabels: false } } { flowchart: { htmlLabels: false } }
); );
}); });

2
dist/index.html vendored
View File

@@ -299,6 +299,7 @@ click A "index.html#link-clicked" "link test"
click B testClick "click test" click B testClick "click test"
classDef someclass fill:#f96; classDef someclass fill:#f96;
class A someclass; class A someclass;
class C someclass;
</div> </div>
<div class="mermaid"> <div class="mermaid">
graph TD graph TD
@@ -312,6 +313,7 @@ class A someclass;
click B testClick "click test" click B testClick "click test"
classDef someclass fill:#f96; classDef someclass fill:#f96;
class A someclass; class A someclass;
class C someclass;
</div> </div>
<div class="mermaid"> <div class="mermaid">
graph LR graph LR

1
src/diagrams/flowchart/flowRenderer.js
View File

@@ -461,6 +461,7 @@ export const draw = function(text, id) {
const node = d3.select('#' + id + ' [id="' + key + '"]'); const node = d3.select('#' + id + ' [id="' + key + '"]');
if (node) { if (node) {
const link = document.createElementNS('http://www.w3.org/2000/svg', 'a'); const link = document.createElementNS('http://www.w3.org/2000/svg', 'a');
link.setAttributeNS('http://www.w3.org/2000/svg', 'class', vertex.classes.join(' '));
link.setAttributeNS('http://www.w3.org/2000/svg', 'href', vertex.link); link.setAttributeNS('http://www.w3.org/2000/svg', 'href', vertex.link);
link.setAttributeNS('http://www.w3.org/2000/svg', 'rel', 'noopener'); link.setAttributeNS('http://www.w3.org/2000/svg', 'rel', 'noopener');