preserve-3d-flat-grouping-properties-containing-block.html (1023B)
1 <!doctype HTML> 2 <link rel="author" title="Chris Harrelson" href="mailto:chrishtr@chromium.org"> 3 <link rel="help" href="https://drafts.csswg.org/css-transforms-2/"> 4 <script src="/resources/testharness.js"></script> 5 <script src="/resources/testharnessreport.js"></script> 6 7 <style> 8 div { 9 width: 200px; 10 height: 200px; 11 } 12 </style> 13 14 <div id=parentWithGrouping style="transform-style: preserve-3d; overflow: hidden"> 15 <div id=absoluteUnderGrouping style="position: absolute"> 16 </div> 17 </div> 18 19 <div id=parentWithoutGrouping style="transform-style: preserve-3d"> 20 <div id=absoluteNotUnderGrouping style="position: absolute"> 21 </div> 22 </div> 23 24 <script> 25 test(function() { 26 assert_equals(absoluteUnderGrouping.offsetParent, parentWithGrouping); 27 }, "Preserve-3d element with a grouping property still a containing block"); 28 29 test(function() { 30 assert_equals(absoluteNotUnderGrouping.offsetParent, parentWithoutGrouping); 31 }, "Preserve-3d element without a grouping property still a containing block"); 32 </script>