Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

app.diagrams.net SVG export can create files with incorrect text #4758

Open
2 tasks done
slawr opened this issue Nov 18, 2024 · 0 comments
Open
2 tasks done

app.diagrams.net SVG export can create files with incorrect text #4758

slawr opened this issue Nov 18, 2024 · 0 comments

Comments

@slawr
Copy link

slawr commented Nov 18, 2024

Preflight Checklist

  • I agree to follow the Code of Conduct that this project adheres to.
  • I have searched the issue tracker for a feature request that matches the one I want to file, without success.

You must agree to search and the code of conduct. You must fill in this entire template. If you delete part/all or miss parts out your issue will be closed.

If you are technical, you should reporting bugs along the lines of https://marker.io/blog/how-to-write-bug-report. If you are not technical, we will make allowances, please try to make an effort to understand the process.

Describe the bug
Exporting the same diagram as editable SVG sometimes results in files with text that is incorrectly rendered when consumed in various downstream apps including browsers (Firefox, Edge) and desktop applications (e.g. Powerpoint).

In the cases when the export result is incorrect the file size is much smaller than the correct case.

To Reproduce
This has been an annoying issue for many months that I may have finally isolated.

Steps to reproduce the behavior:

  1. Go to app.diagrams.net and draw a diagram with default (built-in) font styles
  2. Export an editable SVG with the following settings:
    image
    Does not seem to matter if you save a local or google drive file.
  3. File is saved, but when opened the text is either not visible (e.g. Google drive preview) or rendered incorrectly (e.g. Powerpoint reports Text as not being SVG). File size is small, e.g. 20KBytes.
  4. Export again using same settings, but clear embed fonts checkbox and reselect it.
  5. Saved file is now much larger, e.g. 300KBytes and renders correctly. I've not debugged the XML but I guess the difference is the embedded font and that perhaps the embed font checkbox is sometimes not being honored. See good and bad export examples below.

Expected behavior
Consistent editable SVG file with embedded text and font

Screenshots
Example of exported diagram file that renders incorrectly:
BAD-CDSP-C4-Model-L1-System-Context-diagram drawio

Example of exported diagram file that renders correctly:
GOOD-CDSP-C4-Model-L1-System-Context-diagram drawio

Both files were created from the same diagram one after the other in the same session in the sequence above.

draw.io version (In the Help->About menu of the draw.io editor):

  • draw.io version v24.8.6

Desktop (please complete the following information):

  • OS: Win 10
  • Browser Firefox
  • Browser Version 130.0

Smartphone (please complete the following information):

  • Device: [e.g. iPhone6]
  • OS: [e.g. iOS8.1]
  • Browser [e.g. stock browser, safari]
  • Version [e.g. 22]

I tested the problem in incognito/private mode with all browser extensions switched off, write "yes" below:

  • yes

Additional context
Add any other context about the problem here.

@slawr slawr changed the title app.diagrams.net SVG export sometimes fails to embed fonts app.diagrams.net SVG export can create files with incorrect text Nov 18, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant