[GH-ISSUE #273] Blank screen when Image's url has a : character #99

Closed
opened 2026-03-03 00:18:22 +03:00 by kerem · 6 comments
Owner

Originally created by @michaelkrasa on GitHub (Jan 9, 2020).
Original GitHub issue: https://github.com/BoostIO/BoostNote-App/issues/273

Current behavior

When I click to change any of the views I get a blank screen with nothing to click on.
Currently can't get out of this behavior. I can open the tutorial but when I click on my notes I get the white screen again.

Expected behavior

Changed view according to what I clicked on.

Steps to reproduce

  1. Select any note
  2. Click on any of the views (the three buttons in lower left corner)
  3. Get a blank screen

Environment

  • Version :
  • OS Version and name : Latest Win 10, issue is present on my laptop as well as my desktop PC.

Originally created by @michaelkrasa on GitHub (Jan 9, 2020). Original GitHub issue: https://github.com/BoostIO/BoostNote-App/issues/273 # Current behavior When I click to change any of the views I get a blank screen with nothing to click on. Currently can't get out of this behavior. I can open the tutorial but when I click on my notes I get the white screen again. # Expected behavior Changed view according to what I clicked on. # Steps to reproduce 1. Select any note 2. Click on any of the views (the three buttons in lower left corner) 3. Get a blank screen # Environment - Version : - OS Version and name : Latest Win 10, issue is present on my laptop as well as my desktop PC. ![](https://i.gyazo.com/a6ec7b521d81e2f27c6e80f04696f120.png)
kerem 2026-03-03 00:18:22 +03:00
  • closed this issue
  • added the
    bug 🐛
    label
Author
Owner

@michaelkrasa commented on GitHub (Jan 9, 2020):

Here's a link to a youtube video where I showcase the issue.
https://youtu.be/F-02CCKdPyk

<!-- gh-comment-id:572695751 --> @michaelkrasa commented on GitHub (Jan 9, 2020): Here's a link to a youtube video where I showcase the issue. https://youtu.be/F-02CCKdPyk
Author
Owner

@Rokt33r commented on GitHub (Jan 9, 2020):

Thanks for the reporting. I'm investigating now.

<!-- gh-comment-id:572787054 --> @Rokt33r commented on GitHub (Jan 9, 2020): Thanks for the reporting. I'm investigating now.
Author
Owner

@Rokt33r commented on GitHub (Jan 9, 2020):

@Phauglin I couldn't reproduce the problem. Could you share me error messages from the dev tool? I can see there are 18 errors from your screenshots.

<!-- gh-comment-id:572791120 --> @Rokt33r commented on GitHub (Jan 9, 2020): @Phauglin I couldn't reproduce the problem. Could you share me error messages from the dev tool? I can see there are 18 errors from your screenshots.
Author
Owner

@michaelkrasa commented on GitHub (Jan 10, 2020):

image

When I used boostnote today and didn't click those views at the bottom I was able to use it normally. I read your reply, clicked on the view and now I'm stuck on a blank screen again hm.

<!-- gh-comment-id:573086013 --> @michaelkrasa commented on GitHub (Jan 10, 2020): ![image](https://user-images.githubusercontent.com/6185094/72165446-cda6f180-33c7-11ea-85a7-db2bdb074c1f.png) When I used boostnote today and didn't click those views at the bottom I was able to use it normally. I read your reply, clicked on the view and now I'm stuck on a blank screen again hm.
Author
Owner

@Rokt33r commented on GitHub (Jan 10, 2020):

@Phauglin I confirmed the problem. It happen when Image reference's url has a : character. I'll fix it soon.

<!-- gh-comment-id:573106186 --> @Rokt33r commented on GitHub (Jan 10, 2020): @Phauglin I confirmed the problem. It happen when Image reference's url has a `:` character. I'll fix it soon.
Author
Owner

@Rokt33r commented on GitHub (Jan 10, 2020):

I found more information. The current app is sanitizing markdown contents by default including url of images. So the app considers your image url, storage:..., has invalid protocol, storage, rather than http or https and makes src prop of Image nodes undefined.

<!-- gh-comment-id:573188629 --> @Rokt33r commented on GitHub (Jan 10, 2020): I found more information. The current app is sanitizing markdown contents by default including url of images. So the app considers your image url, `storage:...`, has invalid protocol, `storage`, rather than `http` or `https` and makes `src` prop of Image nodes `undefined`.
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/BoostNote-App#99
No description provided.