Twenty Seventeen: Scaling Issue on Front Page Parallax Image Using Safari on iPadOS

[JarretC]

Reporting bug from this forum thread here:

​https://wordpress.org/support/topic/twenty-seventeen-ipados-front-page-featured-images/

I unfortunately don't have a new enough iPad to get iPadOS for my own testing but looks like 2 users have been able to confirm the issue. It appears that the scaling on the featured images in the different panels on the Front Page is incorrect.

One of the users seems to have resolved the issue by commenting out the following CSS

.background-fixed .panel-image {
background-attachment: fixed;
}

[sabernhardt]

I do not have an iPad for proper testing, but I made a patch.

The !important suggested on the support topic should not be necessary here, and I think changing the background-size would not work well with every image size.

This patch should return the background-attachment to scroll when the browser is iOS Safari and the screen is at least 48em (768px) wide. Narrower screens should have the default scroll regardless of the browser.

[sabernhardt]

#52797 was marked as a duplicate.