Closed Bug 1283827 Opened 8 years ago Closed 8 years ago

Flatten transform-style:preserve-3d when combined with opacity.

Categories

(Core :: Layout, defect)

defect
Not set
normal

Tracking

()

RESOLVED FIXED
mozilla50
Tracking Status
firefox50 --- fixed

People

(Reporter: mattwoodrow, Assigned: mattwoodrow)

References

(Depends on 1 open bug)

Details

Attachments

(1 file)

The editors draft of the 3d transforms spec [1] has been updated to say that we need to flatten preserve-3d when the element also has an opacity of < 1, whereas the previous spec [2] made no mention of opacity. The current behaviour (in Gecko, WebKit and blink) is to drop the 'group' nature of opacity, and propagate the opacity effect down on to the leaves of the preserve-3d tree. This is non-intuitive, not specified at all, and has slightly differently rendering in all browsers (based on the specifics of what compositable layers get created I believe - see layout/reftests/opacity-preserve3d-N.html reftests). The blink team intend to change their behaviour to match the new spec, even though it might break webcompat in some cases. The initial www-style discussion [3] and their intent to implement thread [4] covers their motivations for wanting to do this. Given that the existing behaviour appears to be used incredibly rarely [5] and that it moves us to well specified behaviour that is easy to conform to, then I think we should do the same. [1] https://drafts.csswg.org/css-transforms/#grouping-property-values [2] https://www.w3.org/TR/css-transforms-1/#transform-style-property [3] https://lists.w3.org/Archives/Public/www-style/2016May/0239.html [4] https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/eBIp90_il1o [5] https://www.chromestatus.com/metrics/feature/popularity#OpacityWithPreserve3DQuirk
Attachment #8767142 - Flags: review?(dbaron)
Pushed by mwoodrow@mozilla.com: https://hg.mozilla.org/integration/mozilla-inbound/rev/eac0c056235e Flatten transform-style:preserve-3d when combined with opacity. r=dbaron
Status: NEW → RESOLVED
Closed: 8 years ago
Resolution: --- → FIXED
Target Milestone: --- → mozilla50
Depends on: 1281428
Depends on: 1287074
Depends on: 1287122
Depends on: 1309138
See Also: → 1319555
Depends on: 1319825
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: