Summary: | Fixed backgrounds should behave like 'scroll' inside transformed elements | ||||||
---|---|---|---|---|---|---|---|
Product: | WebKit | Reporter: | Dave Hyatt <hyatt> | ||||
Component: | Layout and Rendering | Assignee: | Vitor Roriz <vitor.roriz> | ||||
Status: | RESOLVED FIXED | ||||||
Severity: | Normal | CC: | karlcow, mattwoodrow, mstange, ntim, simon.fraser, vitor.roriz, webkit-bug-importer | ||||
Priority: | P2 | Keywords: | BrowserCompat, InRadar | ||||
Version: | 523.x (Safari 3) | ||||||
Hardware: | Mac | ||||||
OS: | OS X 10.4 | ||||||
Attachments: |
|
Description
Dave Hyatt
2007-10-24 13:31:10 PDT
Created attachment 28389 [details]
simple example of problem
Seeing this in nightly build, too: 530.1+ Have attached a pretty simple example file. There's WebKit "transform:" rules and everywhere "left:" rules in the CSS to demonstrate the problem. (The "everywhere" section is commented out by default.) Known issue. Spec <http://dev.w3.org/csswg/css-transforms/> now says: "Fixed backgrounds on the root element are affected by any transform specified for that element. For all other elements that are effected by a transform (i.e. have a transform applied to them, or to any of their ancestor elements), a value of ‘fixed’ for the ‘background-attachment’ property is treated as if it had a value of ‘scroll’. The computed value of ‘background-attachment’ is not affected." (In reply to comment #4) > Spec <http://dev.w3.org/csswg/css-transforms/> now says: > "Fixed backgrounds on the root element are affected by any transform > specified for that element. For all other elements that are effected by a > transform (i.e. have a transform applied to them, or to any of their > ancestor elements), a value of ‘fixed’ for the ‘background-attachment’ > property is treated as if it had a value of ‘scroll’. The computed value of > ‘background-attachment’ is not affected." We (Mozilla) have shipped this change in Firefox 48. IIRC Edge has also shipped it. Pull request: https://github.com/WebKit/WebKit/pull/3433 *** Bug 245352 has been marked as a duplicate of this bug. *** Affected WPT: css/css-transforms/transform-fixed-bg-002.html - https://wpt.fyi/results/css/css-transforms/transform-fixed-bg-002.html?label=master&label=experimental&product=chrome&product=firefox&product=safari&aligned&view=interop&q=label%3Ainterop-2021-transforms css/css-transforms/transform-fixed-bg-004.html - https://wpt.fyi/results/css/css-transforms/transform-fixed-bg-004.html?label=master&label=experimental&product=chrome&product=firefox&product=safari&aligned&view=interop&q=label%3Ainterop-2021-transforms css/css-transforms/transform-fixed-bg-005.html - https://wpt.fyi/results/css/css-transforms/transform-fixed-bg-005.html?label=master&label=experimental&product=chrome&product=firefox&product=safari&aligned&view=interop&q=label%3Ainterop-2021-transforms css/css-transforms/transform-fixed-bg-006.html - https://wpt.fyi/results/css/css-transforms/transform-fixed-bg-006.html?label=master&label=experimental&product=chrome&product=firefox&product=safari&aligned&view=interop&q=label%3Ainterop-2021-transforms css/css-transforms/transform-fixed-bg-007.html - https://wpt.fyi/results/css/css-transforms/transform-fixed-bg-007.html?label=master&label=experimental&product=chrome&product=firefox&product=safari&aligned&view=interop&q=label%3Ainterop-2021-transforms Committed 255055@main (eba490ba3cc4): <https://commits.webkit.org/255055@main> Reviewed commits have been landed. Closing PR #3433 and removing active labels. Committed 252432.728@safari-7614-branch (a1d3edc00b16): <https://commits.webkit.org/252432.728@safari-7614-branch> Reviewed commits have been landed. Closing PR #171 and removing active labels. |