unable to edit draw.io images #5189

New Issue

OVERLORD · 2026-02-05T09:46:59+03:00

OVERLORD commented

2026-02-05 09:46:59 +03:00

Originally created by @UpcraftLP on GitHub (Feb 17, 2025).

Describe the Bug

When trying to edit embedded draw.io images on a page, this suddenly no longer works, instead an error message is shown.

Drawing data could not be loaded. The drawing file might no longer exist or you may not have permission to access it.

However, the image itself displays correctly, and manually importing the file into draw.io and editing it works just fine.

In case it is important, my images are served from an S3 bucket, but are publicly visible.

I also noticed that in the drawing manager they all display as errors, yet when I go inspect the URL they are pointing to and manually open it, I get the correct image file.

Steps to Reproduce

browse to a page that has draw.io images embedded into it.
switch to edit mode
double-click any of the draw.io images
--> Error message

Expected Behaviour

Diagram editor opens.

Screenshots or Additional Context

Browser Details

Vivaldi (Chromium) 64-bit, Windows 11

Exact BookStack Version

24.12.1

Originally created by @UpcraftLP on GitHub (Feb 17, 2025). ### Describe the Bug When trying to edit embedded draw.io images on a page, this suddenly no longer works, instead an error message is shown. ``` Drawing data could not be loaded. The drawing file might no longer exist or you may not have permission to access it. ``` However, the image itself displays correctly, and manually importing the file into draw.io and editing it works just fine. In case it is important, my images are served from an S3 bucket, but are publicly visible. I also noticed that in the drawing manager they all display as errors, yet when I go inspect the URL they are pointing to and manually open it, I get the correct image file. ### Steps to Reproduce 1. browse to a page that has draw.io images embedded into it. 2. switch to edit mode 3. double-click any of the draw.io images 4. --> Error message ### Expected Behaviour Diagram editor opens. ### Screenshots or Additional Context ![Image](https://github.com/user-attachments/assets/5dfe9120-5a2e-4a78-9c0b-8677173e32cd) ![Image](https://github.com/user-attachments/assets/ab06c05d-b443-4269-a042-ccfc1fda6e2a) ### Browser Details Vivaldi (Chromium) 64-bit, Windows 11 ### Exact BookStack Version 24.12.1

OVERLORD added the 🐛 Bug label 2026-02-05 09:46:59 +03:00

OVERLORD commented

2026-02-05 09:47:01 +03:00

@ssddanbrown commented on GitHub (Feb 18, 2025):

Hi @UpcraftLP,

Did you move images/storage/drawings at any point?
Are you able to create drawings without error?

@ssddanbrown commented on GitHub (Feb 18, 2025): Hi @UpcraftLP, - Did you move images/storage/drawings at any point? - Are you able to create drawings without error?

OVERLORD commented

2026-02-05 09:47:03 +03:00

@UpcraftLP commented on GitHub (Feb 18, 2025):

Did you move images/storage/drawings at any point?

no I dont think so

Are you able to create drawings without error?

No, that too causes an error. And the following appears in the console:

@UpcraftLP commented on GitHub (Feb 18, 2025): > * Did you move images/storage/drawings at any point? no I dont think so <br> > * Are you able to create drawings without error? No, that too causes an error. And the following appears in the console: ![Image](https://github.com/user-attachments/assets/accaae96-2dfa-4392-bc4e-22b16d3b720a)

OVERLORD commented

2026-02-05 09:47:06 +03:00

@ssddanbrown commented on GitHub (Feb 18, 2025):

No, that too causes an error. And the following appears in the console:

Okay, how did you originally create the drawings you're attempting to edit? Was creation working before? If so, what has changed since?

@ssddanbrown commented on GitHub (Feb 18, 2025): > No, that too causes an error. And the following appears in the console: Okay, how did you originally create the drawings you're attempting to edit? Was creation working before? If so, what has changed since?

OVERLORD commented

2026-02-05 09:47:07 +03:00

@UpcraftLP commented on GitHub (Feb 18, 2025):

Okay, how did you originally create the drawings you're attempting to edit? Was creation working before? If so, what has changed since?

It was working at some point between 2022 and now, but is not anymore. That was the last time someone needed to edit a diagram on this wiki...

I can potentially try and set up a fresh bookstack instance later that has the same settings, to see whether I can reproduce the issue on there.

@UpcraftLP commented on GitHub (Feb 18, 2025): > Okay, how did you originally create the drawings you're attempting to edit? Was creation working before? If so, what has changed since? It was working at some point between 2022 and now, but is not anymore. That was the last time someone needed to edit a diagram on this wiki... I can potentially try and set up a fresh bookstack instance later that has the same settings, to see whether I can reproduce the issue on there.

OVERLORD commented

2026-02-05 09:47:08 +03:00

@kouaksms commented on GitHub (Feb 24, 2025):

Hi,
I just had the same issue with a diagram

Steps to Reproduce

Create new page1 with diagram
Copy page1 to page2 (both diagram share the same id?)
Delete page1

Diagram on page2 becoming non editable

@kouaksms commented on GitHub (Feb 24, 2025): Hi, I just had the same issue with a diagram ### Steps to Reproduce 1. Create new page1 with diagram 2. Copy page1 to page2 (both diagram share the same id?) 3. Delete page1 Diagram on page2 becoming non editable

OVERLORD commented

2026-02-05 09:47:09 +03:00

@davidjgraph commented on GitHub (Feb 24, 2025):

Does the diagram data load correctly if you look at the network tab of the browser debugger?

@davidjgraph commented on GitHub (Feb 24, 2025): Does the diagram data load correctly if you look at the network tab of the browser debugger?

OVERLORD commented

2026-02-05 09:47:10 +03:00

@kouaksms commented on GitHub (Feb 25, 2025):

Only the renderer image remain but in fact it is normal, there is a warning when you copy a page, my bad... (however a big thank you both @davidjgraph and @ssddanbrown for your wonderful softwares :)

@kouaksms commented on GitHub (Feb 25, 2025): Only the renderer image remain but in fact it is normal, there is a warning when you copy a page, my bad... (however a big thank you both @davidjgraph and @ssddanbrown for your wonderful softwares :)

OVERLORD commented

2026-02-05 09:47:12 +03:00

@Kornerupin commented on GitHub (Mar 13, 2025):

I thing, more important this row from console:

GET https://bookstack/images/drawio/base64/784 404 (Not Found)

In fact, it try to load diagram by it draw-diagram attribute from html, not by link.

<div drawio-diagram="784" contenteditable="false" id="bkmrk--36"><img id="bkmrk--1" src="https://bookstack/uploads/images/drawio/2025-01/drawing-1-1736423641.png" data-mce-src="https://bookstack/uploads/images/drawio/2025-01/drawing-1-1736423641.png"></div>

And it can't, cause I transfered it from old page.

@Kornerupin commented on GitHub (Mar 13, 2025): I thing, more important this row from console: GET https://bookstack/images/drawio/base64/784 404 (Not Found) In fact, it try to load diagram by it draw-diagram attribute from html, not by link. `<div drawio-diagram="784" contenteditable="false" id="bkmrk--36"><img id="bkmrk--1" src="https://bookstack/uploads/images/drawio/2025-01/drawing-1-1736423641.png" data-mce-src="https://bookstack/uploads/images/drawio/2025-01/drawing-1-1736423641.png"></div>` And it can't, cause I transfered it from old page.

Sign in to join this conversation.

Branches Tags

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: starred/BookStack#5189