Green/blue status bar jumps to top on ipad pwa

[illispi]

OS/Web Information

• Web Browser: safari pwa
• Local OS: ipados 14.5
• Remote OS: ubuntu 20.04
• Remote Architecture: x86
• code-server --version: 3.9.3

Steps to Reproduce

1. Click on sidebar items like explorer or debugging when using ipad pwa

Expected

Show selected side bar item.

Actual

Bottom green/blue status bar jumps to very top sometimes and rest of the code editor disappears.

You can restore view by clicking change keyboard layout on status bar.

Logs

I can try to do logs later, if required.

Screenshot

[jsjoeio]

Thanks for filing this issue! No worries on the logs (browser logs would be hard to get, but if you have any server logs that could help code-server --log debug).

Is it possible for you to post a screen recording so we can see this error happening?

[illispi]

IMG_0071.MP4

I tried that command but it didnt really show anything and i didnt find find appropriate file on user-data-dir?

[jsjoeio]

Woah, that is a weird bug. I'll try to replicate it when I took a look.

No worries on the logs. Thanks for trying!

[GitMurf]

@jsjoeio @illispi any update on this? I am experiencing the EXACT same issue on my new ipad pro 11inch with ipad os 15 and I just installed code-server a few days ago for the first time so I am on the most recent version.

On mobile safari in a tab everything works fine. But if I use share sheet in safari tab to "Add to the Home Screen" so that it adds a "PWA" version of the "app" with an icon to the home screen, then I get the same behavior here anytime I load code-server through the "PWA" app/icon (from home screen). I don't even have to do anything specific to re-create the issue... it will just usually happen after 30-60 seconds of using vs code.

[GitMurf]

I have a feeling that this issue is somewhat related: #3543

[jsjoeio]

Hmm...that is very strange. Do you mind posting a video? @GitMurf

Also, are you accessing your code-server instance over HTTPS?

Unfortunately I am not experiencing this on my iPad so I'm not sure what the issue could be.

[GitMurf]

Hi @jsjoeio thanks for the quick response! My video basically is exactly like @illispi video above.

I am just using http. Doing it via my local network so I changed my bind-addr to be 192.168....:8081 for the local IP of my code-server machine.

Then I simply go to http://192.168...:8081 in safari. Safari tab works fine but then when create PWA by share sheeting it to the home screen then it has the issue documented in this thread when using the PWA app. Safari using tabs still works fine.

My config yaml settings file looks exactly like this except with my own password and with the localhost IP changed to my 192....:8081 as I described above.

Does that make sense? Any other info you want/need?

[jsjoeio]

@GitMurf thanks for the info! Hmm... I don't know what could be causing this sadly. I am surprised it's working without HTTPS. Usually it doesn't!

I don't know how we can help here unfortunately 😢 I just tested locally and can't reproduce.

1. Update Dockerfile to use latest version of code-server
2. Deploy on Railway
3. Open in Safari on iPad (running iPadOS 14.7)
4. Add to Home Screen
5. Open up
6. Search for file

RPReplay_Final1633382246.MP4

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no activity occurs in the next 5 days.