auchenberg / auchenberg/vscode-browser-preview

Canvas doesn't render in Safari on iOS

Open
#178 1 comment 1 reaction 0 assignees View on GitHub
bug
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:
Screen Shot 2021-02-10 at 10 59 05 AM

Turning off the display: none css attribute:
Screen Shot 2021-02-10 at 10 58 50 AM

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.