ted-marozzi / mermaid-flow-feedback

Leave your feedback for Mermaid Flow here or Sponsor Me ❤️
https://www.mermaidflow.app
19 stars 0 forks source link

[bug] wrong subgraph relation rendering. #40

Closed TieWay59 closed 1 year ago

TieWay59 commented 1 year ago

Describe the bug

I wish to drag ContentScript into Hypercrx but failed:

---
title: "Diagram Title"
---
flowchart
    876135["oss-GPT Widget"] --- 302043["?"]
    subgraph 686793[" Hypercrx (Web Extension)"]
        547727["6"]
    end
    subgraph 320646["OSS-GPT 服务"]
        302043
    end
    subgraph 134789["ContentScript"]
        876135
    end

%% Mermaid Flow Diagram Link
%% Keep this link to make future edits to your diagram
%% https://www.mermaidflow.app/flowchart#N4IgZgNg9g7iBcoB2UAmBTAzgg2qGAlqgC4AWCALAJwDMANCKegQOanEICsFFDRCIAGwAOQQHZaIBgAcomAsQJQkCUAA8EAWgoAGBgE8EAJgCMVAL4NUAQ2LXVICNYBG6CAIAEACX3T0AJwBjfzUPQAh-gHV0Zw8AUTVidCR5ZUBIf6kQFAxseBwQbjExIzEQAF0GTGJ9CCxccpB-ayQAa0wAEUaYFURLBqbmhBMZa38k4gAlfoQ9EFROgGUqmoRifwBXdF6qvwFMNecWRulyCrd0QMTUBDBrCEx0K0aWFgIkFmvb+5k5BSUkAEFnJgoBA1okHBp4NoZoZ4KYLBUlugHIQSOR4NR6IxmGwOPBuBReqN5AAvV7veA3O6bOj4IhkBA0HScBhMVjsYxGFkgfjwEA0Iw6QQUQQZWTyRTKCFcHRUAzGJm9Gx2BxOVzuPkAeXm800AHEAAoAFQ8gFhzQCFShksrVcvydIKKDQyojqjacPVGi12p1usAiVN4EMQNIRmNJi1po9rDBFq6VusaSBtsi+XsDkcTiB7jULugrpTPg9gz9JQCgSCwSn1DK5SBYUZFVHnuSPtSXctECBUQz4EzuWzcZzOESsAQyW9W-dLHS0Yz7aycRy4fOefmQCYaBQxMIqGKS39pfiTMJ5fjqErbPZO2q3AIAMLKRJIYjzYIEaQcBjWnJ5YRiQQbpwzpZkiP4ev03rRr6-oRoGwyjM+4YDPAMxzNGsYdqsGxbL4KZZvshzWMcGTZuclyTkW4q-MogLAqC4KdpCnDHqe3AIrMTwvBOBbUtOXb0uiJg8Au7J4sIMy8vkW5FCU3wSgejEyqeJg6MIF4qteLi3nyortm64Feh0UGqL0IYIRMAZBmhMZIvG2EMMmAijBcTQsDUAByaDIvBYyeRgAgiOIkinDm5E8V8xbyTR5b0VWICQipp4CmI5h8d2gnCdiokIOJfBrkyDpOnJ1G+vFCD-qehTqVeoA3hqICAPj-JGgXUDCeq0RldCZPmIZZUY2XG8BYYmjl8s5dhvB5XliqGz5+XhApCiKJFnLm+ZUhFaHNtxG2Ufu0V0ZWh6cMI3KwkyKVpQJgyCFiA5Lrlq4CH+AE0EBxWloeVBGKxgjVaqWn1XImD6saHgREQLDoJ+IGumBbUQZ10E9RZsFWQstlDQmOE7GNZGuVN-ko-NAgbluO4raFeYUU2XEUrtH1-LRFYMdW8AATCCCCMyqX1HmUM-qAo0gIEayVFAAC2GQSyMzQBIsIx4iAUB+CoDAy-4cv+LESBrirSQZK8iSNBcfwQ7Oy56Q4lT+FAcvmz2Ji9MCaxBHhL2ASRUCu4E6BeE0qAdiARgZHY-hQ0rBU6I6ocjBH-u60HId5QI-PoJo27CDuNA7iKVAUBkTQEDLYUM7Ml7W5jeQ23b6DwAAxM4JhN84or1HVDvokYvCOIDXiLni3fO6tpeFuY9QAG4EOgMCyP4eJs4UrFiAwJJQJLgypVYBDWIREsALLQ9YbQV52qAEONCkgEaABCGRgLbz777YxsOIoxBB20O97x4RoKMsSoL5kQIBPfSDBAiSwlmMeGIsnCYHuGBXoBBMDxDnsQA0TQ3CalVnZIsbkoDOFuLEVAUMjS4QcKgNYtwaaOFeOgMhuMswgn4AwNOz9NYBAYXhfWasRYgigP4AQjdm7N1FL0fBhCIDzS4W-cheMXKTXQCTcB-DBF8nrjoTRWiMiEMCM0Q43tdYPmgGokA9cwAWMsTogRGB-DGIEUIrR2iGDOBsZw0gBA9FICwDkJhEAWE8naNYTATB1pj3MEAA
---
title: "Diagram Title"
---
flowchart
    subgraph 686793[" Hypercrx (Web Extension)"]
        876135["oss-GPT Widget"] --- 302043["?"]
        547727["6"]
        subgraph 134789["ContentScript"]
            876135
        end
    end
    subgraph 320646["OSS-GPT 服务"]
    end

%% Mermaid Flow Diagram Link
%% Keep this link to make future edits to your diagram
%% https://www.mermaidflow.app/flowchart#N4IgZgNg9g7iBcoB2UAmBTAzgg2qGAlqgC4AWCALAJwDMANCKegQOanEICsFFDRCIAGwAOQQHZaIBgAcomAsQJQkCUAA8EAWgoAGBgE8EAJgCMVAL4NUAQ2LXVICNYBG6CAIAEACX3T0AJwBjfzUPQAh-gHV0Zw8AUTVidCR5ZUBIf6kQFAxseBwQbjExIzEMkxoKMWEqEABdBkxifQgsXDqQf2skAGtMABEOmBVES3bOroQTGWt-JOIAJTGEPRBUAYBlRuaEYn8AV3QGdFQWFtzQRr8BQN2GqABbDLvproCN6Y54ECg-FQYn-xe-liSFQAm+SQyBCQiQ6gUUygiRDIxmWDSa6AcDX8UBeiJI5HgJhGmCguyCGM+wjEgjKnAyJLJgXQXk6qC2nyMGTs-hOHxANB0Rh0FBoXOmvJZIPZIE5fFBnyOJ00lWEVRoVQogioFAynQIT0S8rA1ggmAOK1s9kQIDR7LyWJx6HgAGJnCY3c5BLUGE5XBA8cj4EZeI4XG4vMw2B9g8S3Og4UcEMbTehzDURhcKTbds4WB1pOR6nGE0aTWarB0WCwoSwk2XzbJ5PCkABBZwkiC7RIODTwbTLQxBszEzYU-BIgnUeiMSPsLg8EYzeQALxrdZTlnH+IQAs4DCYrDnQaMe5A-E+NCFgk1GUbCiUQ3UXB0VAMxgFIxsdgcvrcAgA8msayaAA4gACgAKh4gCw5oAhUoZFkpx5AKQoit6NqjjkOBtB03R9AMj6LoshJTDM0ILN0SwVtYMAbOi2x7KmDCZgImA5nm1gFvSxaGuu5YgHezZth2XZjiAvacC+b5Bh+1FVmu8DJvxtpiYQ27wLu+6ztGJ6LlgBCrkgtaKfWm4gGpgYmDwWmHh8wjLOe+QVEUJQyHI97KD2z7SSYOjCJ+lo-mG7ifF69SYa0DC4T0-Q0YRpGzBR4wkSs6yjgx+wZr4WYzHCnQsM0AByaAYgl0LFRgAgiOIkhFs0JZ8Q27lCe2UCdt21q9r50mXmI5hmRZBIoTZUYokYcoCGUFRVLezUPl58BUII0nFDoAXftav4hSAADCyiJNCazBAQ0gcAwiFYSAVI0jQdJtCpWE4WM+FxaoRGUUGZXzMRkypTRdHsjsmXMdlrHsfmhY2jxiYmSmblNg+wltaJC2cMtICDhQVSfpW1ZGY1X0VVm1USKKA0ThMgjTgeo3wPZE2UtStKzQjnmdQgVDjRjXCCOtVqgFtYKYJgoGQR4eK8vSEW5E9eGxYMb1fUlxjUbR6XwEDTEgCxny5XYRlFSVt7TLMROTeUlTVHV8a8bD-GrNY8n43bTWs62rXtWJXVY9J3CcP1dBbpZ1kzrZCD02e8r8oKwqivDHmPuJCDUtJhR80FfoCIA+P9S+ij1Rc98vxQJJvkT9qsAxSmtZZcus2-lhuVYTRsXleN7Ww1LtyXjxlKa7CdI57qPCKeg4Cn1aaHMcSHnKDnzXLcDx-M8rzcny4K-CA-yAsCUcb5C0IBNYcIPgGBJCuF9HWg6uIU4SxKkuSAjXcz9SP0ykpslmsra+K6B8ihWOYoeT-0-tKH+jlFToGVKqNUGotQ6gYHqA0MM+5WECtfdW9odiOhdB6d0Xo2hbTPsYEMW0IxhyDBQWM9VbZ90niAAAbgQdAMBZD+A+E+eAhRfZiAYMuKA9wJgBxWAQR2HQ7gAFl-7WF6Bg0AqACB63mp8CCAAhDIYBsTQkkbYGEDhFDEGlL0MRHE7geAggoLYn4lE2wIIwpCbRAj3DuLMfOIBAhOGFo4kYBBMDxHYcQMCnQ3D-h+Blc0BUoDOBNLEaeEE54KN2CaAmjgoToASbXG0bV+BTxOLogEARMlZn3gwZx0B-ACFdO6AhIARhRJiRAImxSDFz3aPXA26AzZlLalASpnxnQ6CGcMjIMTAhdDzKSEEe0KlVLAPMhZoy+kYH8DMvpVThkjIYM4ZZRTSAEHGUgLAORskQFyWePo1hMBMFLBucwQA

To Reproduce

---
title: "Diagram Title"
---
flowchart
    subgraph 686793[" Hypercrx (Web Extension)"]
        876135["oss-GPT Widget"] --- 302043["?"]
        547727["6"]
        subgraph 134789["ContentScript"]
            876135
        end
    end
    subgraph 320646["OSS-GPT 服务"]
    end

%% Mermaid Flow Diagram Link
%% Keep this link to make future edits to your diagram
%% https://www.mermaidflow.app/flowchart#N4IgZgNg9g7iBcoB2UAmBTAzgg2qGAlqgC4AWCALAJwDMANCKegQOanEICsFFDRCIAGwAOQQHZaIBgAcomAsQJQkCUAA8EAWgoAGBgE8EAJgCMVAL4NUAQ2LXVICNYBG6CAIAEACX3T0AJwBjfzUPQAh-gHV0Zw8AUTVidCR5ZUBIf6kQFAxseBwQbjExIzEMkxoKMWEqEABdBkxifQgsXDqQf2skAGtMABEOmBVES3bOroQTGWt-JOIAJTGEPRBUAYBlRuaEYn8AV3QGdFQWFtzQRr8BQN2GqABbDLvproCN6Y54ECg-FQYn-xe-liSFQAm+SQyBCQiQ6gUUygiRDIxmWDSa6AcDX8UBeiJI5HgJhGmCguyCGM+wjEgjKnAyJLJgXQXk6qC2nyMGTs-hOHxANB0Rh0FBoXOmvJZIPZIE5fFBnyOJ00lWEVRoVQogioFAynQIT0S8rA1ggmAOK1s9kQIDR7LyWJx6HgAGJnCY3c5BLUGE5XBA8cj4EZeI4XG4vMw2B9g8S3Og4UcEMbTehzDURhcKTbds4WB1pOR6nGE0aTWarB0WCwoSwk2XzbJ5PCkABBZwkiC7RIODTwbTLQxBszEzYU-BIgnUeiMSPsLg8EYzeQALxrdZTlnH+IQAs4DCYrDnQaMe5A-E+NCFgk1GUbCiUQ3UXB0VAMxgFIxsdgcvrcAgA8msayaAA4gACgAKh4gCw5oAhUoZFkpx5AKQoit6NqjjkOBtB03R9AMj6LoshJTDM0ILN0SwVtYMAbOi2x7KmDCZgImA5nm1gFvSxaGuu5YgHezZth2XZjiAvacC+b5Bh+1FVmu8DJvxtpiYQ27wLu+6ztGJ6LlgBCrkgtaKfWm4gGpgYmDwWmHh8wjLOe+QVEUJQyHI97KD2z7SSYOjCJ+lo-mG7ifF69SYa0DC4T0-Q0YRpGzBR4wkSs6yjgx+wZr4WYzHCnQsM0AByaAYgl0LFRgAgiOIkhFs0JZ8Q27lCe2UCdt21q9r50mXmI5hmRZBIoTZUYokYcoCGUFRVLezUPl58BUII0nFDoAXftav4hSAADCyiJNCazBAQ0gcAwiFYSAVI0jQdJtCpWE4WM+FxaoRGUUGZXzMRkypTRdHsjsmXMdlrHsfmhY2jxiYmSmblNg+wltaJC2cMtICDhQVSfpW1ZGY1X0VVm1USKKA0ThMgjTgeo3wPZE2UtStKzQjnmdQgVDjRjXCCOtVqgFtYKYJgoGQR4eK8vSEW5E9eGxYMb1fUlxjUbR6XwEDTEgCxny5XYRlFSVt7TLMROTeUlTVHV8a8bD-GrNY8n43bTWs62rXtWJXVY9J3CcP1dBbpZ1kzrZCD02e8r8oKwqivDHmPuJCDUtJhR80FfoCIA+P9S+ij1Rc98vxQJJvkT9qsAxSmtZZcus2-lhuVYTRsXleN7Ww1LtyXjxlKa7CdI57qPCKeg4Cn1aaHMcSHnKDnzXLcDx-M8rzcny4K-CA-yAsCUcb5C0IBNYcIPgGBJCuF9HWg6uIU4SxKkuSAjXcz9SP0ykpslmsra+K6B8ihWOYoeT-0-tKH+jlFToGVKqNUGotQ6gYHqA0MM+5WECtfdW9odiOhdB6d0Xo2hbTPsYEMW0IxhyDBQWM9VbZ90niAAAbgQdAMBZD+A+E+eAhRfZiAYMuKA9wJgBxWAQR2HQ7gAFl-7WF6Bg0AqACB63mp8CCAAhDIYBsTQkkbYGEDhFDEGlL0MRHE7geAggoLYn4lE2wIIwpCbRAj3DuLMfOIBAhOGFo4kYBBMDxHYcQMCnQ3D-h+Blc0BUoDOBNLEaeEE54KN2CaAmjgoToASbXG0bV+BTxOLogEARMlZn3gwZx0B-ACFdO6AhIARhRJiRAImxSDFz3aPXA26AzZlLalASpnxnQ6CGcMjIMTAhdDzKSEEe0KlVLAPMhZoy+kYH8DMvpVThkjIYM4ZZRTSAEHGUgLAORskQFyWePo1hMBMFLBucwQA

Expected behavior A clear and concise description of what you expected to happen.

Browser (please complete the following information):

Screenshots If applicable, add screenshots to help explain your problem.

Additional context

image

image

@ted-marozzi Sorry I'm too busy today, I'll leave a more detailed response later this weekend.

ted-marozzi commented 1 year ago

Thank you @TieWay59, I have reproduced this locally, so that is enough. I will take a look at fixing this!

ted-marozzi commented 1 year ago

3 hours 😁

Screenshot 2023-09-09 at 10 57 00 am
ted-marozzi commented 1 year ago

Okay, I have deployed the change, loading your repro link now correctly shows ContentScript inside Hypercrx :)

Screenshot 2023-09-09 at 11 20 54 am

Please let me know if you run into further issues and thank you for making Mermaid Flow better!