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; } } }

White space below diagram (DrawIO/Draw.io/Draw io) on Clonfluence Page, not in Edit

David Hultin

I have used Confluence professionally at different assignments for many years and now in version 1000.0.0-92fa487229c1 I get this big white space below my embedded Draw.io-diagrams so that the Page is extra long and need to be scrolled up and down.

The extra space is not shown in Edit-mode of the Page.

I have tried "Full width setting" and "Fixed width" setting on the Page, different Viewer settings on the Diagram-image/frame and different Page layout settings inside Draw.io. Creating new embedded Draw.io-diagram have the same problem as soon elements are added in the drawing making it long/wide.

Nothing makes the extra white space on the Confluence Page go away.

The same ugly space is there also in a different web browser.

It has something to do with the width of the drawing, adding elements making the drawing wide (about 4 standard pages wide, but the page size or no page size does not affect the problem) and Publish will make the diagram-image on the Confluence Page zoom/adjust so that the whole drawing is shown. It can look OK first and you Edit the Page and write some text directly below the drawing and Update. The Page looks OK....but press Ctrl+F5 to reload the web browser... then you will see a big white space between the drawing and the text! The space between is about three times as high as the height of the drawing-image. Does Confluence make room as if the drawing was square or something like that?

Accepted answers

David Benson _draw_io_

Hi All,

Thanks for helping to narrow down the details. We can now repeat the issue, it seems that a confluence rollout was ongoing and we just needed that update and only specific diagrams trigger the problem.

We're going to post updates to https://github.com/jgraph/drawio/issues/5237 to have everything in one place.

Thanks,

David

All comments

MJ Valencia -drawio diagrams-

Hey there @David Hultin ! Hope you're doing well. Thanks for sharing so many details of what you're seeing and your process here.

Perhaps the white space below embedded diagrams can be that Confluence is reserving more height than the diagram actually needs. A couple things you can try:

1. Check the viewer size in the draw.io macro settings. If it's set to responsive or fit to page, try switching to a fixed width/height.

2. Reduce the unused canvas space in your diagram. Select all > Arrange > Crop. (this trims empty space around the diagram).

3. Test with a smaller width.

4. Clear cached rendering by re-saving the page after making changes, then reload without cache.

If none of these work, please let me know so I can find the best solution for you

Best,

David Hultin

1. The settings in the draw.io macro settings (Simple viewer, Lightvbox, Center, High res preview, Toolbar, Links, Zoom, Page and Layers) does not affect the problem.

2. Can´t find "crop" in Dram.io. But there is not so much unused canvas space. And the problem is the same even though if endless canvas is used instead of page layout in Draw.io.

3. Smaller width and more square drawing reduces the problem. But my BPMN Swimlane process diagrams are long/wide. Confluence should not make the drawing occupy a big square area on the Page! It is a bug in the Confluence Page rendering.

4. Yes, thats needed to see the changes sometimes but does not solve the problem.

Bastian Schmitt

Hey @David Hultin ! It seems like you've already done quite a lot to get to the root of the issue. I think the best path for a quick solution is to contact our tech support via support@draw.io. I can't tell if the issue is caused by draw.io or by Confluence itself, but figuring that out and providing a solution asap is located on the engineering level of our team

Antonius Golly_3ipm1m

Same here. It is not in the diagram and also starts to appear on all existing diagrams which were displayed fine before.

Any updates from support?

David Hultin

Please do that @Bastian Schmitt

Please contact your tech support.

David Benson _draw_io_

In order to debug the issue please supply the full storage format of the page so we can recreate the problem.

David Hultin

What is "full storage format of the page"?
And you can easily recreate the problem with my problem description.

David Benson _draw_io_

https://support.atlassian.com/confluence/kb/how-to-retrieve-the-storage-format-from-a-specific-confluence-page/

If I was able to recreate the problem I wouldn't be asking for a method to recreate the problem.

David Benson _draw_io_

Capture d’écran 2025-08-20 à 18.08.51.png

That's a diagram embedded from another page using Firefox 141 on MacOS 15.6. The boundary is correct on initial insertion and after refresh.

Martin_p76ade

Same issue here. On my diagram, the effect exactly occurs when there is any element right of the imaginary right border if the page was in A4 portrait mode (no matter which size or orientation the page is really set!). The more the element that is furthest right is right of this imaginary line, the more white space is added below the diagram when it is displayed in Confluence. Hope that helps.

David Benson _draw_io_

Hi All,

We're going to post updates to https://github.com/jgraph/drawio/issues/5237 to have everything in one place.

Thanks,

David

David Hultin

Thanks @David Benson _draw_io_. Now hopefully Atlassian will fix the bug in Confluence.

David Hultin

Ah! Now it seems Atlassian has fixed the bug and we have had our Confluence updated, so now there is no longer a lot of white space on our pages.

Bo Ngoh

Chiming in as well: this seems to happen a lot for us (still happening) when we use landscape for our diagrams.

Welcome!

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

Quick Links

Find more posts tagged with

confluence

cloud

draw.io