New issue
Advanced search Search tips

Issue 667006 link

Starred by 1 user

Issue metadata

Status: Assigned
Owner:
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Android , Windows , All , Chrome , Mac
Pri: 2
Type: Bug



Sign in to add a comment

Handle CSS transforms of fixed backgrounds per spec

Project Member Reported by rbyers@chromium.org, Nov 19 2016

Issue description

Chrome Version       : 55.0.2883.54
OS Version: 8872.54.0

What steps will reproduce the problem?
1. http://codepen.io/Zoxon/pen/VjEyBa
2. Scroll

The image on the right should behave like background-attachment:scroll (since it has a transform), not background-attachment: fixed.

https://drafts.csswg.org/css-transforms/#transform-rendering 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."

This has caused interop problems for Gecko which does behave per spec: https://bugzilla.mozilla.org/show_bug.cgi?id=1292499

I verified that Firefox 49 and Edge 14 behave per spec.
According to the Mozilla bug (https://bugzilla.mozilla.org/show_bug.cgi?id=735857) WebKit behaves the same as blink today.  Given the Firefox and Edge have this behavior in their stable versions, I think the compat impact is relatively low.  I think it's probably fine to consider this a bugfix (no intent necessary).

Some history on the spec side: https://www.w3.org/Bugs/Public/show_bug.cgi?id=17521
 
Status: Available (was: Unconfirmed)

Comment 3 by bba...@mozilla.com, Nov 23 2016

> Gecko test is here, we should upstream it to csswg-test

I can do this part (https://bugzilla.mozilla.org/show_bug.cgi?id=1319892)
> The Gecko test is now upstreamed

Excellent, thank you! It looks like we already import some of mozilla-central-reftests into blink (https://cs.chromium.org/chromium/src/third_party/WebKit/LayoutTests/imported/csswg-test/vendor-imports/mozilla/mozilla-central-reftests/) but we may still want to promote it out of the "vendor-imports" directory.  
Project Member

Comment 6 by sheriffbot@chromium.org, Dec 11 2017

Labels: Hotlist-Recharge-Cold
Status: Untriaged (was: Available)
This issue has been Available for over a year. If it's no longer important or seems unlikely to be fixed, please consider closing it out. If it is important, please re-triage the issue.

Sorry for the inconvenience if the bug really should have been left as Available. If you change it back, also remove the "Hotlist-Recharge-Cold" label.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
Labels: -Hotlist-Recharge-Cold OS-Android OS-Chrome OS-Linux OS-Mac OS-Windows
Owner: schenney@chromium.org
Status: Assigned (was: Untriaged)
I should fix this as part of background image refactoring. It's probably pretty straight forward to detect the transform in the background image geometry calculation and modify the attachment type.

Sign in to add a comment