excalidraw preview not displayed in gitpod/openvscode-server (no exceptions logged in browser console nor in the container log)
See original GitHub issueDoes this issue occur when all extensions are disabled?: Yes
- VS Code Version:
1.67.0, 1.68.1, 1.69.2
- OS Version:
docker on Linux/Darwin
(running on the same machines as the browsers listed below, http://localhost:3000) - Used Browsers:
- Chromium
103.0.5060.134 (snap)
running on Ubuntu 22.045.15.0-41-generic
with KDE installed (sudo apt install kde-full
) - Chromium
103.0.5060.134 (Official Build) Arch Linux (64-bit)
running on5.18.12-3-MANJARO
- Google Chrome
103.0.5060.134 running on Darwin Kernel Version 21.5.0
- Chromium
- Excalidraw Extension:
3.2.0
Steps to Reproduce:
- Clone this repository: https://github.com/talsenteam/issue-gitpod-openvscode-server-excalidraw-preview-not-displayed
- Run
docker compose up --detach
- Visit
http://localhost:3000/?folder=/home/workspace
in your browser (preferrably Chromium without Extensions) - Navigate to the extensions store and install the Excalidraw plugin
pomdtr.excalidraw-editor
- Open the readonly file
test.excalidraw
in the editor
More info & some screenshots can be found in the linked repository.
Expected Behavior
The excalidraw preview / editor should be usable when working on http://localhost:3000
without even a reverse proxy (that may cause issues due to some CORS, etc settings).
Workaround
As mentioned by @pomdtr : The Excalidraw extension can be installed via the vsix file ( https://marketplace.visualstudio.com/items?itemName=pomdtr.excalidraw-editor ), then it works.
Notes
Linked Issue: https://github.com/gitpod-io/openvscode-server/issues/393
What do we need to do in order to get the extension to be displayed in the browser? many thanks in advance !!
Issue Analytics
- State:
- Created a year ago
- Reactions:1
- Comments:6
Top Results From Across the Web
excalidraw preview not displayed (no exceptions logged in ...
Run docker compose up --detach; Visit http://localhost:3000/?folder=/home/workspace in your browser (preferrably Chromium without Extensions) ...
Read more >React Native: Can't see console.logs when I run application ...
The only problem is that when I run my application through XCode, I can't seem to access the javascript logs. I've tried react-native...
Read more >Showcasing Excalidraw - Zsolt's blog
Excalidraw is a full-featured sketching component ready for web integration. This post will showcase its key features and open Roam ...
Read more >Excalidraw - Full featured sketching plugin in Obsidian
Hi, Is it possible to set a maximum width for links and transclusions so that long lines wrap ? Resizing a text box...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
I think it’s ok, it will allow other users to find the workaround
Thanks for the hint! Installing it via the vsix file ( https://marketplace.visualstudio.com/items?itemName=pomdtr.excalidraw-editor ) works!