auchenberg / auchenberg/vscode-browser-preview
Canvas doesn't render in Safari on iOS
- Dominant language
- TypeScript
- Stars
- 4.4k
- Forks
- 152
- PR merge metrics
- No merged PRs in 30d
Description
I know its not the typical use case, but using code-server (vscode on a remote server) with browser preview (in iOS) would be a great for web development on iPad, but it appears to render a checkered grid instead of the page.
Looking at the css, there is a css class being applied to the rendered page: .img-hidden{ display: none }. My guess is that this class is supposed to be removed somehow when rendering is finished?
How the page is shown initially:

Turning off the display: none css attribute:
Contributor guide
No contributing guide indexed for this repository
Research direction
No files or tests are named. First reproduce the checkerboard rendering in Safari on iOS, then inspect where the rendered page receives the .img-hidden class and compare that behavior with other browsers. Done means the browser preview renders the page correctly on iOS without regressing other supported browsers.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- ios, typescript
- Domain
- frontend, mobile
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100