WordPress.org

Make WordPress Core

Opened 20 months ago

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

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

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

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