WordPress.org

Make WordPress Core

Opened 2 years ago

Last modified 3 weeks ago

#48195 new defect (bug)

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

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

Description

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;
}

Attachments (1)

48195.patch (590 bytes) - added by sabernhardt 3 weeks ago.

Download all attachments as: .zip

Change History (4)

#1 @SergeyBiryukov
2 years ago

  • Summary changed from Scaling Issue on Front Page Parallax Image Using Safari on iPadOS for TwentySeventeen to Twenty Seventeen: Scaling Issue on Front Page Parallax Image Using Safari on iPadOS

@sabernhardt
3 weeks ago

#2 @sabernhardt
3 weeks ago

  • Focuses css added
  • Keywords has-patch needs-testing added

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.

#3 @sabernhardt
3 weeks ago

#52797 was marked as a duplicate.

Note: See TracTickets for help on using tickets.