Closed
Bug 1283827
Opened 8 years ago
Closed 8 years ago
Flatten transform-style:preserve-3d when combined with opacity.
Categories
(Core :: Layout, defect)
Core
Layout
Tracking
()
RESOLVED
FIXED
mozilla50
Tracking | Status | |
---|---|---|
firefox50 | --- | fixed |
People
(Reporter: mattwoodrow, Assigned: mattwoodrow)
References
(Depends on 1 open bug)
Details
Attachments
(1 file)
17.25 KB,
patch
|
dbaron
:
review+
|
Details | Diff | Splinter Review |
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
Assignee | ||
Comment 1•8 years ago
|
||
Attachment #8767142 -
Flags: review?(dbaron)
Attachment #8767142 -
Flags: review?(dbaron) → review+
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
Comment 3•8 years ago
|
||
bugherder |
Status: NEW → RESOLVED
Closed: 8 years ago
Resolution: --- → FIXED
Target Milestone: --- → mozilla50
You need to log in
before you can comment on or make changes to this bug.
Description
•