WordPress.org

Make WordPress Core

Opened 12 months ago

Last modified 9 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 12 months ago.
Screenshot_20191129-102414_Samsung Internet.jpg (243.9 KB) - added by SergeyBiryukov 12 months ago.
Screenshot_20191129-132702_Chrome.jpg (239.9 KB) - added by oldnapalm 12 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
12 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
12 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
12 months ago

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

#3 @guyfisher
10 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
9 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 9 months ago by yari2u (previous) (diff)

#5 @ianbelanger
9 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.