From ce7c0362bfcbf9b62620b4405898a257bc37682d Mon Sep 17 00:00:00 2001 From: Jb Audras Date: Mon, 10 Oct 2022 21:54:55 +0000 Subject: [PATCH] Twenty Seventeen: Prevent scaling issues on featured images using Safari on iPadOS. This changeset ensures `background-attachment` is set to `scroll` for parallax images when the browser is iOS Safari and the screen is at least 48em (768px) wide. Narrower screens have the default `scroll` value regardless of the browser. It prevents from scaling issues on the images featured on the front page using Twenty Seventeen. Props JarretC, sabernhardt, mrfoxtalbot, dkotter. Fixes #48195. git-svn-id: https://develop.svn.wordpress.org/trunk@54450 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-content/themes/twentyseventeen/style.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/src/wp-content/themes/twentyseventeen/style.css b/src/wp-content/themes/twentyseventeen/style.css index 4c168e4a19..0e94ef30c5 100644 --- a/src/wp-content/themes/twentyseventeen/style.css +++ b/src/wp-content/themes/twentyseventeen/style.css @@ -3796,6 +3796,13 @@ p > object:only-child { background-attachment: fixed; } + @supports ( -webkit-touch-callout: none ) { + /* Image scrolls with the content in iOS Safari. */ + .background-fixed .panel-image { + background-attachment: scroll; + } + } + .page-two-column .panel-content .entry-header { float: left; width: 36%;