Twenty Twenty – cover-template feature image parallax is not working on iOS

[TungstenE2]

Hi all,

I love Twenty Twenty theme but cover-template featured image scrolling/parallax function is not working on iOS devices (iPhone 6S und ein iPad Pro 10,5” both running on iOS 13.3). Image is zoomed in to the max. Seems like same bug is in twenty seventeen.

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.

thx a lot

[TungstenE2]

may be related:
#1421

[TungstenE2]

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

[mrfoxtalbot]

This seems to be coming from core and I am seeing that there is already a discussion going on in trac. I am going to label this as [Status] Core fix needed but will leave it open until it is resolved in core. Thank you @TungstenE2 !