Overlapping transition and composite state name label

[bencehornak]

Expected Behavior

I would expect no overlapping labels on the generated SVG.

Current Behavior

The transition label overlaps with the composite state's name.

Steps to Reproduce (for bugs)

Compile the attached source file with the default dot engine using the following command:

smcat -d left-right app_lifecycle_bloc.smcat

The problematic part can be seen on the left side:

Context

Your Environment

• Version used: 7.4.3
• viz.js version: 1.8.2
• Node version: 15.4.0
• Operating System and version: macOS 11.2.3 (20D91)
• Link to your project: attachement

[sverweij]

Hi @bencehornak thanks for your raising this issue. Under the hood state-machine-cat uses GraphViz to render the graph. It seems that we have bumped into the limits of what we can do with GraphViz, though, something that seems extra visible in nested graphs.

I do want to give alternatives a go. There aren't many out there, though - and the bandwidth I can spend on these things (even though they're really fun to do!) is a bit limited lately.

also see this note in an earlier issue

[bencehornak]

Hi @sverweij, thanks for the answer and for the amazing project!

Well, I kind of thought that it might be a trickier one. I can't promise anything, but if I can manage to allocate some free time, I will try to support you this process, as I think it's a very cool library.

[github-actions]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.