Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

"Black holes" input is obscured by the keyboard on mobile #541

Open
aryanpingle opened this issue May 17, 2022 · 0 comments
Open

"Black holes" input is obscured by the keyboard on mobile #541

aryanpingle opened this issue May 17, 2022 · 0 comments

Comments

@aryanpingle
Copy link

Debug info

Version: 1.1.1
Motion: true
Supports WebGL: true
Feature Phone: no
Standalone Mode: no
Screen Width: 393px
Screen Height: 802px
DPR: 2
Device Memory: 8
Concurrency: 8
UA: Mozilla/5.0 (Linux; Android 12; Pixel 5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.61 Mobile Safari/537.36

Describe the bug
Black holes input tag is hidden behind the virtual keyboard on mobile

To Reproduce
Phone Model: Pixel 5
The PWA is installed

Screenshot (May 17, 2022 7_10_45 AM)

As you can see, the the input element for "Black holes" is obscured by the on-screen keyboard, and you can't even scroll down to see it completely.

Possible solution
If you can make the bounding page div have a height of something like height: -webkit-fill-available; height: fill-available; that might allow the page shrink a little when the keyboard is present? It's not the most ideal solution, but it might work.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant