ZenUML diagrams do not render properly in Mermaid due to differences in rendering mechanisms between the two frameworks. Mermaid only displays the initial render result of ZenUML and ignores subsequent renders. It incurs a few issues including the footer icons being invisible, sticky top participants not functional.
To tackle this problem, the render mode is introduced. By default, ZenUML uses the dynamic mode, which keeps all existing features intact. In the static mode, some changes are made to resolve the issues occurring in Mermaid.
Changes
Add mode field to Config and Store. Set mode to dynamic by default.
Add an additional property renderLifeLine to control the display of life line elements.
Render participants and life lines in one life-life-layer in static mode.
Hide footer in static mode.
Lazy initialize intersection detectors when useIntersectionTop function is called; in this case, the detectors will not get created in static mode.
ZenUML diagrams do not render properly in Mermaid due to differences in rendering mechanisms between the two frameworks. Mermaid only displays the initial render result of ZenUML and ignores subsequent renders. It incurs a few issues including the footer icons being invisible, sticky top participants not functional.
To tackle this problem, the render mode is introduced. By default, ZenUML uses the
dynamicmode, which keeps all existing features intact. In thestaticmode, some changes are made to resolve the issues occurring in Mermaid.Changes
modefield toConfigandStore. Setmodetodynamicby default.renderLifeLineto control the display of life line elements.life-life-layerinstaticmode.staticmode.useIntersectionTopfunction is called; in this case, the detectors will not get created instaticmode.Rendered in Mermaid
Before:
After: