excalidraw / excalidraw

Virtual whiteboard for sketching hand-drawn like diagrams
https://excalidraw.com
MIT License
80.46k stars 7.41k forks source link

Open files in android Browsers partially not working #6741

Open Lil-Dank opened 1 year ago

Lil-Dank commented 1 year ago

Opening saved files on android seems to only work in Firefox

on the other tested Browsers it opens the file explorer and lets you select a file but it doesn't change the Canvas on Excalidraw

I've tested other common Browsers like:

I used a Samsung Galaxy Tab S8 and Samsung Galaxy A52s to Test this.

Nan-Do commented 10 months ago

Same problem here opening a saved file in Chrome based browsers don't work I have tried opera and it failed too. Firefox works fine

@Lil-Dank does pen-mode works for you in Firefox?

pdfernhout commented 2 months ago

I am seeing this same file-fails-to-load issue on Android Chrome (123.0.6312.120 on Android 11). Below is the console log via remote debugging. One odd thing is that the error shows up in the console immediately after selecting "Open" from the menu and before the file chooser appears. There is no additional error after a file is chosen; it is just that nothing happens. I was able export an Excalidraw file successfully from Android Chrome with Excalidraw and import it on a Chromebook with Chrome under chromeos with Excalidraw there.

filesystem.ts:70 Opening the file was canceled (legacy-fs). (anonymous) @ instrument.js:109 (anonymous) @ filesystem.ts:70 (anonymous) @ file-open-7c801643.js:1 (anonymous) @ utils.ts:119 r @ helpers.js:72 setTimeout (async) (anonymous) @ trycatch.js:86 i @ utils.ts:117 c @ filesystem.ts:47 r @ helpers.js:72 Show 5 more frames Show less actionExport.tsx:267 Dd: Request Aborted (anonymous) @ instrument.js:109 perform @ actionExport.tsx:267 await in perform (async) executeAction @ manager.tsx:136 onSelect @ DefaultItems.tsx:71 (anonymous) @ common.ts:31 (anonymous) @ utils.ts:874 uj @ react-dom.production.min.js:54 fj @ react-dom.production.min.js:54 hj @ react-dom.production.min.js:55 kI @ react-dom.production.min.js:105 f7 @ react-dom.production.min.js:106 (anonymous) @ react-dom.production.min.js:117 r6 @ react-dom.production.min.js:274 NM @ react-dom.production.min.js:52 yw @ react-dom.production.min.js:109 L_ @ react-dom.production.min.js:74 Aj @ react-dom.production.min.js:73 r @ helpers.js:72 Show 13 more frames

pdfernhout commented 2 months ago

Here is a bug report for the latest iOS with the same error message: https://github.com/excalidraw/excalidraw/issues/7840

I suspect it is related to the use of browser-fs-access -- either a problem with that library for later browser versions or perhaps just the way it is used in Excalidraw which leads to an immediate promise rejection. https://github.com/GoogleChromeLabs/browser-fs-access

Looks like there have been issues in the past with browser-fs-access and Excalidraw: https://github.com/GoogleChromeLabs/browser-fs-access/issues?q=is%3Aissue++excalidraw