WordPress.org

Make WordPress Core

Opened 6 months ago

Last modified 3 months ago

#48837 new defect (bug)

Twenty Twenty: Wrong cover height in Chrome mobile

Reported by: oldnapalm Owned by:
Milestone: Future Release Priority: normal
Severity: normal Version: 5.3
Component: Bundled Theme Keywords: needs-testing needs-patch
Focuses: css Cc:

Description

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:
http://endorfinamente.com.br/tmp/Screenshot_20191129-102354_Chrome.jpg
http://endorfinamente.com.br/tmp/Screenshot_20191129-102414_Samsung%20Internet.jpg

Attachments (3)

Screenshot_20191129-102354_Chrome.jpg (214.0 KB) - added by SergeyBiryukov 6 months ago.
Screenshot_20191129-102414_Samsung Internet.jpg (243.9 KB) - added by SergeyBiryukov 6 months ago.
Screenshot_20191129-132702_Chrome.jpg (239.9 KB) - added by oldnapalm 6 months ago.
Looks like it disregards the address bar height, if you scroll enough to hide the address bar, the cover fits exactly

Download all attachments as: .zip

Change History (8)

#1 @SergeyBiryukov
6 months ago

  • Component changed from Themes to Bundled Theme
  • Summary changed from Wrong cover height in Chrome mobile to Twenty Twenty: Wrong cover height in Chrome mobile

@oldnapalm
6 months ago

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

#2 @ianbelanger
6 months ago

  • Keywords needs-testing added
  • Severity changed from trivial to normal

#3 @guyfisher
4 months ago

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.

#4 @yari2u
3 months ago

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

Last edited 3 months ago by yari2u (previous) (diff)

#5 @ianbelanger
3 months ago

  • Focuses css added
  • Keywords needs-patch added
  • Milestone changed from Awaiting Review to Future Release
Note: See TracTickets for help on using tickets.