Drawings - draw.io breaking #1870

Closed
opened 2026-02-05 02:05:59 +03:00 by OVERLORD · 11 comments
Owner

Originally created by @Kabe0 on GitHub (Sep 28, 2020).

When you click the drawing button in the editor, it appears to present a broken image. The URL throws a 301 redirect

image

If you open the link in the browser draw.io say's the following
image

Originally created by @Kabe0 on GitHub (Sep 28, 2020). When you click the drawing button in the editor, it appears to present a broken image. The URL throws a 301 redirect ![image](https://user-images.githubusercontent.com/6827834/94445103-0d3f8480-0175-11eb-8c4b-2b2361efd694.png) If you open the link in the browser draw.io say's the following ![image](https://user-images.githubusercontent.com/6827834/94445194-2a745300-0175-11eb-87cf-36f935275aa1.png)
Author
Owner

@nutsflag commented on GitHub (Sep 28, 2020):

Hello,
What is your version?
Thanks

@nutsflag commented on GitHub (Sep 28, 2020): Hello, What is your version? Thanks
Author
Owner

@Kabe0 commented on GitHub (Sep 28, 2020):

BookStack v0.30.1, though it also happens on the demo on the main Bookstack website.

Seems to affect only Chromium based browsers right now.

@Kabe0 commented on GitHub (Sep 28, 2020): BookStack v0.30.1, though it also happens on the demo on the main Bookstack website. Seems to affect only Chromium based browsers right now.
Author
Owner

@nutsflag commented on GitHub (Sep 28, 2020):

Okay,

I just tested with Firefox, Google Chrome and Edge with the demo version.

I didn't have any problem.

@nutsflag commented on GitHub (Sep 28, 2020): Okay, I just tested with Firefox, Google Chrome and Edge with the demo version. I didn't have any problem.
Author
Owner

@Kabe0 commented on GitHub (Sep 28, 2020):

image
Confirm the chrome version, as they are adding a lot of permission changes in the more recent builds.
Chrome version: 85.0.4183.102

@Kabe0 commented on GitHub (Sep 28, 2020): ![image](https://user-images.githubusercontent.com/6827834/94456217-762cf980-0181-11eb-9ea6-2d4440fb1a97.png) Confirm the chrome version, as they are adding a lot of permission changes in the more recent builds. Chrome version: 85.0.4183.102
Author
Owner

@nutsflag commented on GitHub (Sep 28, 2020):

image

I just tried with Chromium (Version 87.0.4277.0). I don't have any problem.

For my Chrome version : Version 85.0.4183.121 (Official Build)
No errors either.

@nutsflag commented on GitHub (Sep 28, 2020): ![image](https://user-images.githubusercontent.com/26460023/94456939-33d0e000-01b4-11eb-94d1-4e7c2eb9fae4.png) I just tried with Chromium (Version 87.0.4277.0). I don't have any problem. For my Chrome version : Version 85.0.4183.121 (Official Build) No errors either.
Author
Owner

@Kabe0 commented on GitHub (Sep 28, 2020):

You sure your not cached? The issue is caused by this line specifically x-frame-options: SAMEORIGIN which stops cross frame iframe displaying. Do you see this line in the response headers?

This is the URL that is returning that header data: https://app.diagrams.net/?embed=1&proto=json&spin=1

I think changing the request to embed.diagrams.net will resolve this issue.

@Kabe0 commented on GitHub (Sep 28, 2020): You sure your not cached? The issue is caused by this line specifically **x-frame-options: SAMEORIGIN** which stops cross frame iframe displaying. Do you see this line in the response headers? This is the URL that is returning that header data: https://app.diagrams.net/?embed=1&proto=json&spin=1 I think changing the request to embed.diagrams.net will resolve this issue.
Author
Owner

@nutsflag commented on GitHub (Sep 28, 2020):

Is it possible for you to make a modification on your server?

If yes, then go to: resources/views/pages/

Save the file form.blade.php and modify line 4 with :

drawio-url="{{ is_string(config('services.drawio')) ? config('services.drawio') : 'https://embed.diagrams.net/?embed=1&proto=json&spin=1' }}"

@nutsflag commented on GitHub (Sep 28, 2020): Is it possible for you to make a modification on your server? If yes, then go to: resources/views/pages/ Save the file form.blade.php and modify line 4 with : drawio-url="{{ is_string(config('services.drawio')) ? config('services.drawio') : 'https://embed.diagrams.net/?embed=1&proto=json&spin=1' }}"
Author
Owner

@Kabe0 commented on GitHub (Sep 28, 2020):

works!

@Kabe0 commented on GitHub (Sep 28, 2020): works!
Author
Owner

@nutsflag commented on GitHub (Sep 28, 2020):

Does it work with modification?

@nutsflag commented on GitHub (Sep 28, 2020): Does it work with modification?
Author
Owner

@Kabe0 commented on GitHub (Sep 28, 2020):

Yep, it works as expected on existing and new ones.

@Kabe0 commented on GitHub (Sep 28, 2020): Yep, it works as expected on existing and new ones.
Author
Owner

@ssddanbrown commented on GitHub (Oct 1, 2020):

As of BookStack v0.30.2 the default URL has now been updated to be the diagrams.net embed URL.

Thanks for your time in helping here @nutsflag.

@ssddanbrown commented on GitHub (Oct 1, 2020): As of [BookStack v0.30.2](https://github.com/BookStackApp/BookStack/releases/tag/v0.30.2) the default URL has now been updated to be the diagrams.net embed URL. Thanks for your time in helping here @nutsflag.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/BookStack#1870