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

iPhone X/Xs/11 - Start/Select buttons hard to hit #55

Open
JanJastrow opened this issue Nov 19, 2019 · 1 comment

Comments

@JanJastrow
Copy link

@JanJastrow JanJastrow commented Nov 19, 2019

Description

I'm using Eclipse as an PWA fullscreen app on my iPhone Xs and I have a lot of problems tapping the "Start" and "Select" buttons while playing.
These buttons are at the very bottom of the screen, where on the newer iPhones the "home indicator" is located.
This means that iOS thinks you want to tap the "home button" instead of the buttons that are very close to it.
I hit the buttons 10-20 times and sometimes I'm able to hit their (very small) remaining hitbox and trigger them.

Can we get a bottom margin of a few pixels for the buttons on iOS PWA?

Screenshot:
https://cloud.ministeriumfuerinternet.de/s/Qi9q2DbEJXHbe6E
(I know it looks like the margin between the home indicator and the buttons is big enough to hit them, but sadly it is not)

How to Reproduce

Use the PWA on a modern iOS device

Device Information

iPhone Xs
iOS 13.2.3

@JanJastrow JanJastrow changed the title iPhone X/Xs/11 - Hard to hit buttons iPhone X/Xs/11 - Start/Select buttons hard to hit Nov 20, 2019
@glennfu

This comment has been minimized.

Copy link

@glennfu glennfu commented Nov 26, 2019

I don't have access to the repo (would love to contribute) but it seems like after a quick inspect, this would do the trick:

.emu-controls .start-select button {
    padding-top: 5px;
    padding-bottom: 5px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
2 participants
You can’t perform that action at this time.