search

w3c / csswg-drafts

CSS Working Group Editor Drafts
https://drafts.csswg.org/
Other
4.51k stars 669 forks source link

[css-transforms-2] Define what happens when stacking context and containing block chains are not matched #1951

Open smfr opened 7 years ago

smfr commented 7 years ago

There are problems when stacking context tree doesn't match containing block tree (e.g. a flattening element in a preserve-3d hierarchy, with 3d-transformed descendants.

smfr commented 7 years ago 
<div id=root style=”transform-style:preserve-3d;”>
  <div style=”transform-style:preserve-3d; position:absolute; transform:translateZ(2px)”>A</div>
  <div id=isolate style=”isolation:isolate;”>
    <div style=”transform-style:preserve-3d; position:absolute; transform:translateZ(1px)”>B</div>
    <div style=”transform-style:preserve-3d; position:absolute; transform:translateZ(3px)”>C</div>
  </div>
</div>