| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <script src="../resources/testharness.js"></script> | 2 <script src="../resources/testharness.js"></script> |
| 3 <script src="../resources/testharnessreport.js"></script> | 3 <script src="../resources/testharnessreport.js"></script> |
| 4 | 4 |
| 5 <div id="container" style="transform: rotate(360deg)"></div> | 5 <div id="container" style="transform: rotate(360deg)"></div> |
| 6 | 6 |
| 7 <script> | 7 <script> |
| 8 function generatesContainingBlock(property, value) { | 8 function generatesContainingBlock(property, value) { |
| 9 var outer = document.createElement('div'); | 9 var outer = document.createElement('div'); |
| 10 outer.style[property] = value; | 10 outer.style[property] = value; |
| (...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 42 test(function() { | 42 test(function() { |
| 43 assert_true(generatesContainingBlock('will-change', 'scale')); | 43 assert_true(generatesContainingBlock('will-change', 'scale')); |
| 44 }, "will-change: scale establishes containing block"); | 44 }, "will-change: scale establishes containing block"); |
| 45 | 45 |
| 46 test(function() { | 46 test(function() { |
| 47 assert_true(generatesContainingBlock('rotate', '3deg')); | 47 assert_true(generatesContainingBlock('rotate', '3deg')); |
| 48 }, "rotate establishes containing block"); | 48 }, "rotate establishes containing block"); |
| 49 test(function() { | 49 test(function() { |
| 50 assert_true(generatesContainingBlock('will-change', 'rotate')); | 50 assert_true(generatesContainingBlock('will-change', 'rotate')); |
| 51 }, "will-change: rotate establishes containing block"); | 51 }, "will-change: rotate establishes containing block"); |
| 52 |
| 53 test(function() { |
| 54 assert_true(generatesContainingBlock('offset-position', '50% 50%')); |
| 55 }, "offset-position establishes containing block"); |
| 56 test(function() { |
| 57 assert_true(generatesContainingBlock('will-change', 'offset-position')); |
| 58 }, "will-change: offset-position establishes containing block"); |
| 59 |
| 60 test(function() { |
| 61 assert_true(generatesContainingBlock('offset-path', 'path("m 100 0")')); |
| 62 }, "offset-path establishes containing block"); |
| 63 test(function() { |
| 64 assert_true(generatesContainingBlock('will-change', 'offset-path')); |
| 65 }, "will-change: offset-path establishes containing block"); |
| 52 </script> | 66 </script> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2671763002:
CSS: will-change offset-path establishes a stacking context (Closed)
