nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

"Recent" problem with SVG in confluence?

Chris_2dsoaw

Recently, SVG images don't work in my Confluence pages. I noticed it this week while creating a new set of pages.

I don't know when this quit working, but I have a lot of pages with SVG images that I created in the past, and they're all still OK.

The problem appears to be creating the preview.

[I'm generating SVG from LucidChart, saving locally, then adding to the Confluence page.]

When the image is added, the "preview" graphic spins "forever". If I try to publish the page while the preview icon is spinning, then the Publish button spins "forever".

I can hit reload on the browser. That returns me to edit mode, and there's now a static gray image icon where the SVG should be:

When I publish the page, I get the same icon (or an orange one...) instead of the inline SVG image.

If I click the icon to display the image, I get this:

Finally, if I download, I can see the SVG image in the browser.

Is anybody else experiencing this? Any advice?

Thanks, and best regards,

Chris

Accepted answers

Hana Kučerová

Hi @Chris ,

my wild guess is the Lucidchart added "something new" to the SVG, which is not supported by Confluence right now.

If you try to create a new page with some old SVG image from Lucidchart, does it work?

I would try to ask Lucidchart support, if they've made some changes to the export functionality recently and if so ask Atlassian to support it.

All comments

Hana Kučerová

Hi @Chris ,

my wild guess is the Lucidchart added "something new" to the SVG, which is not supported by Confluence right now.

If you try to create a new page with some old SVG image from Lucidchart, does it work?

I would try to ask Lucidchart support, if they've made some changes to the export functionality recently and if so ask Atlassian to support it.

Chris_2dsoaw

Hello Hana,

That was worth trying, but doesn't appear to be the answer.

I downloaded an SVG image from an older Confluence page where it's working. After renaming the file and adding it to a new page, same problem.

Unless there's some reason to think that the SVG was altered by downloading it and re-uploading it, it appears that the SVG preview (or something else) isn't working.

When I get some time, I can try some alternate SVG sources.

Best regards,

Chris

P.S. I'm viewing these pages in Ubuntu (2 different versions, 2 different browsers). I can try to view the pages in Windows...

Hana Kučerová

Hi @Chris ,

thank you for trying! I don't think the change of OS would make any difference, it really looks like some bug to me now, but I wasn't able to find anything related in JAC.

I was able to upload some random SVG file, but maybe yours are somehow special.

I've marked the question for Atlassian team, as I'm out of ideas what else can be done. Thank you.

Chris_2dsoaw

Thanks Hana,

I do have a small (12KB) SVG file from LucidChart that I can share, but I don't see a way to attach a file here...

I'll post the XML text of the SVG file for now:

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

confluence

cloud

confluence-cloud

svg

atl-rvw