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

SVG export broken #713

Open
jceb opened this issue Jan 28, 2021 · 1 comment
Open

SVG export broken #713

jceb opened this issue Jan 28, 2021 · 1 comment
Labels
bug Something isn't working

Comments

@jceb
Copy link
Contributor

jceb commented Jan 28, 2021

I created a simple diagram with just a few entries in a user story map and exported it to SVG. The cards get generated properly but I noticed that not all of them have text on them. Furthermore, I noticed that the description on the left side like "User Activities" was missing.

In the SVG file the contents are there but there seems to be some issue in displaying the labels correctly.

@jceb
Copy link
Contributor Author

jceb commented Jan 28, 2021

The issue seems to be caused by spaces in the text. If I create an entry that consists of one word everything looks fine. This is the generated xml:

                    <g style="">
                        <rect width="140" height="64" x="764"
                        y="10" fill="#266B9A" rx="1" ry="1"
                        style="filter:url(#shadow)"></rect>
                        <text x="770" y="34" width="140"
                        height="65" fill="#FFFFFF" color="#FFFFFF"
                        font-family="'Nunito Sans', sans-serif"
                        font-size="14" class=".select-none">
                        Backend</text>
                        <g></g>
                    </g>

However, when there are multiple words on one line the structure is different, a div was added:

                    <g style="">
                        <rect width="140" height="64" x="296"
                        y="10" fill="#266B9A" rx="1" ry="1"
                        style="filter:url(#shadow)"></rect>
                        <foreignObject x="296" y="10" width="140"
                        height="65" fill="#FFFFFF" color="#FFFFFF"
                        font-size="14" class=".select-none">
                            <div xmlns="http://www.w3.org/1999/xhtml"
                            style="padding: 8px; font-family: &quot;Nunito Sans&quot;, sans-serif; overflow-wrap: break-word;">
                            Production infrastructure</div>
                        </foreignObject>
                        <g></g>
                    </g>

@harehare harehare added the bug Something isn't working label Feb 1, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants