Twenty Twenty: Wrong cover height in Chrome mobile

[oldnapalm]

WordPress 5.3 with Twenty Twenty theme, all plugins disabled.

Using Chrome mobile on Android the down arrow doesn't appear on screen unless you scroll down a little. Using Samsung browser it displays correctly.

Can be reproduced opening ​http://endorfinamente.com.br on Android Chrome.

Screenshots:

[oldnapalm]

Looks like it disregards the address bar height, if you scroll enough to hide the address bar, the cover fits exactly

[guyfisher]

I have observed the same problem with the cover header height in Chrome on an Android phone and tablet. Interestingly, Chaplin's cover header does not appear to have the same bug. Its scroll down arrow appears comfortably within view at the bottom of the browser on both devices.

[yari2u]

The same problem also exists on iOS when using Safari and Chrome on iPhone/iPad (Edge and Firefox display the Twenty Twenty Cover Template correctly).
@ianbelanger Solving this should be prioritised for 5.4 as the bug makes the current Cover Template for Twenty Twenty quite unusable on iOS devices.
See #49467

[sabernhardt]

#49467 was marked as a duplicate.

[karmatosed]

I can confirm this is still an issue so it would be good to consider a patch. I tested using Safari on an iPhone so it is wider spread as identified.

[karmatosed]

#49667 was marked as a duplicate.

[sabernhardt]

#60462 was marked as a duplicate.

[twiddler]

Fix:

.screen-height {
   min-height: 100dvh;
}

[karmatosed]

@twiddler thank you for providing the fix. Are you able to create it as a patch?

[twiddler]

Replying to karmatosed:

@twiddler thank you for providing the fix. Are you able to create it as a patch?

I opened a pull request on GitHub (​https://github.com/WordPress/wordpress-develop/pull/6062) which is also linked to my ticket here (https://core.trac.wordpress.org/ticket/60462).

Can someone merge my pull request?