WordPress.org

Make WordPress Core

Opened 6 months ago

Last modified 4 months ago

#48802 new defect (bug)

Twenty Twenty: Fixed Background Image on Cover template bugs on iPad

Reported by: ianbelanger Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version: 5.3
Component: Bundled Theme Keywords: has-screenshots needs-patch
Focuses: css Cc:

Description

Originally reported on GitHub by @collet

https://github.com/WordPress/twentytwenty/issues/956

In the Customizer, if the user selects the "Fixed Background Image" option for the Cover template (which is activated by default), the cover image on an iPad (iOS 13) is blown-up.

Attachments (2)

ipad-issue.jpg (203.9 KB) - added by ianbelanger 6 months ago.
Cover template fixed background on iPad
no-issue.jpg (523.7 KB) - added by ianbelanger 6 months ago.
Without issue

Download all attachments as: .zip

Change History (7)

@ianbelanger
6 months ago

Cover template fixed background on iPad

@ianbelanger
6 months ago

Without issue

#1 @ianbelanger
6 months ago

  • Keywords needs-testing added

#2 @ianbelanger
4 months ago

#49285 was marked as a duplicate.

#3 @TungstenE2
4 months ago

please note as mentiones in https://core.trac.wordpress.org/ticket/49285 this is not only iPad but iOS related.

Version 0, edited 4 months ago by TungstenE2 (next)

#4 @ianbelanger
4 months ago

  • Focuses css added
  • Keywords needs-patch added; needs-testing removed

Noted, thanks for pointing that out @TungstenE2

#5 @TungstenE2
4 months ago

This fixes the issue, but the image is fixed this way.

@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (-webkit-min-device-pixel-ratio: 2) {
  .cover-header.bg-attachment-fixed {
    background-attachment: scroll;
  }
}

I discovered this behavior by accident using the iPad of a friend. As this is a global problem I would like to ask developers to fix this, either by the code above and a note in the theme documentation or a real fix. Seems like other developers managed to fix parallax image scrolling on iOS devices. But to leave this without notifying the users should not be the case.

see link: https://wordpress.org/support/topic/twenty-twenty-cover-template-feature-image-parallax-is-not-working-on-io

thx a lot

Note: See TracTickets for help on using tickets.