ls1intum / Apollon

UML Modeling Editor written in React
https://apollon-library.readthedocs.io
MIT License
67 stars 22 forks source link

Activity Diagram Export Text With Linebreak Cutoff #196

Open florian-glombik opened 2 years ago

florian-glombik commented 2 years ago

Describe the bug

When descriptions consisting of multiple words are used for e.g. Action descriptions the editor displays them with linebreaks, but the export (SVG, png, and pdf) is broken - meaning that the text is not displayed with a linebreak in the export and the text is cut off.

To Reproduce

  1. Go to Apollon
  2. Create an Activity Diagram
  3. Add a description with multiple words so that a linebreak is displayed in the editor
  4. Export the diagram as SVG, png or pdf
  5. See that the export is broken

Expected behavior

The text should be displayed in the export in the same way as it is displayed within the editor.

Screenshots

https://user-images.githubusercontent.com/63976129/143004153-1238c454-3f77-4952-9f89-b8523a41817e.mp4

Environment

 - Browser: Chrome (96.0.4664.45)
 - Apollon Version: 1.3.7