Login- and signup-button are cutoff on Android phones with screen ratio 19.5:9

[evenka]

Description

Both the login- and signup-button are cutoff and partially hidden from view. When scrolling the button is correctly rendered, but this is nonetheless a buggy experience for new users trying to create an account.

Environment

Please provide the following:

Lock version: 11.15

• Device: OnePlus A6013

• Browser version: Chrome 75.0.3770.143

• OS: Android 9

• Device: Huawei Mate 10

• Browser version: Chrome 75.0.3770.143

• OS: Android 9

Reproduction

1. Navigate to development.equlitycheck.it.
2. Signup as a new user.
3. The Auth0-popup consistenly produces the bug for affected phones.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. If you have not received a response for our team (apologies for the delay) and this is still a blocker, please reply with additional information or just a ping. Thank you for your contribution! 🙇‍♂️

[fsc7]

I am having the same issue with samsung galaxy s6.

[fsc7]

My problem happens in Chrome, it seems that the CSS style is considering the whole viewport but Chrome is using some pixels on top with its toolbar. This should resolve the problem:
https://css-tricks.com/the-trick-to-viewport-units-on-mobile/

[madine]

Having the same issue on chrome too (pixel 1)

[fsc7]

Is it possible to reopen this issue?

[erowell]

I have this issue on a samsung note 8 using chrome as well, can this be re-opened?

[stevehobbsdev]

Yes, let me re-open and investigate.

[stevehobbsdev]

👋 I have raised #1785 which should fix this, thanks to @fsc7 for the pointer to the fix. I tried to test on as many devices in Browserstack that I could (screenshots in the PR).