[wp-trac] [WordPress Trac] #49285: Twenty Twenty – cover-template feature image parallax is not working on iOS

[WordPress Trac]

#49285: Twenty Twenty – cover-template feature image parallax is not working on iOS
---------------------------+------------------------------
 Reporter:  TungstenE2     |       Owner:  (none)
     Type:  defect (bug)   |      Status:  new
 Priority:  normal         |   Milestone:  Awaiting Review
Component:  Bundled Theme  |     Version:  5.3.2
 Severity:  normal         |  Resolution:
 Keywords:                 |     Focuses:  ui, css
---------------------------+------------------------------
Changes (by SergeyBiryukov):

 * component:  Themes => Bundled Theme


Old description:

> 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.
>
> see link: https://wordpress.org/support/topic/twenty-twenty-cover-
> template-feature-image-parallax-is-not-working-on-io
>
> thx a lot

New description:

 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.

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

 thx a lot

--

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/49285#comment:1>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform