question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Example export to SVG generates error

See original GitHub issue

The page’s example: Larger flowchart with some styling

graph TB
    sq[Square shape] --> ci((Circle shape))

    subgraph A subgraph
        od>Odd shape]-- Two line<br/>edge comment --> ro
        di{Diamond with <br/> line break} -.-> ro(Rounded<br>square<br>shape)
        di==>ro2(Rounded square shape)
    end

    %% Notice that no text in shape are added here instead that is appended further down
    e --> od3>Really long text with linebreak<br>in an Odd shape]

    %% Comments after double percent signs
    e((Inner / circle<br>and some odd <br>special characters)) --> f(,.?!+-*ز)

    cyr[Cyrillic]-->cyr2((Circle shape Начало));

     classDef green fill:#9f6,stroke:#333,stroke-width:2px;
     classDef orange fill:#f96,stroke:#333,stroke-width:4px;
     class sq,e green
     class di orange

If exported to SVG, it returns this as an error:

This page contains the following errors:
error on line 7 at column 4440: Opening and ending tag mismatch: br line 0 and div
Below is a rendering of the page up to the first error.

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:7

github_iconTop GitHub Comments

3reactions
Aneurincommented, Jun 20, 2019

@tylerlong I’m still getting the error and using <br/> wont’t help. Here’s the example from @marceloboeira

Error when opening the svg with current Chrome: error on line 352 at column 4922: Opening and ending tag mismatch: br line 0 and span

Or see here for a minimal example. The “Download SVG” option always seems to convert <br/> to <br> so I guess something’s regressed here. Opening the downloaded SVG in a text editor and manually converting back to <br/> fixes it as expected.

3reactions
cdrfuncommented, Jun 22, 2018

@tylerlong I’m still getting the error and using <br/> wont’t help. Here’s the example from @marceloboeira

Error when opening the svg with current Chrome: error on line 352 at column 4922: Opening and ending tag mismatch: br line 0 and span

Read more comments on GitHub >

github_iconTop Results From Across the Web

Export As... SVG Unknown Error - Adobe Support Community
I'm using PS to create a floor map with offices and cubes. I create layers for each cube/office location on the map. I...
Read more >
SVG export error - Software - Graphic Design Forum
If you are missing SVG format from Export as option after the Photoshop 22.5 update then, go to Photoshop > Preferences > Export...
Read more >
Unable to export SVG of bpmn in VScode, Unknown ...
A simple way to workaround/fix this is to go to your VSCode Settings and find the Kogito > Bpmn: Svg File Path settings...
Read more >
SVG export from a vega-lite api chart: error on opening the file
I would like to display a vega-lite-api generated chart and be able to save it as an SVG file or a PNG file....
Read more >
VISIO Professional 2019: SVG generation contains errors
Hello, when I export my diagram to svg format, the generated xml file is broken, and I see this error message: This page...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found