remove-anchor-dirty-layout.html (784B)
1 <!DOCTYPE html> 2 <link rel="help" href="https://issues.chromium.org/issues/381362589"> 3 <style> 4 #anchor { 5 anchor-name: --a; 6 } 7 #target { 8 position: absolute; 9 top: anchor(top); 10 position-anchor: --a; 11 } 12 </style> 13 <div id="anchor"></div> 14 <div id="target"></div> 15 16 <script src="/resources/testharness.js"></script> 17 <script src="/resources/testharnessreport.js"></script> 18 <script> 19 promise_test(async t => { 20 await new Promise(resolve => requestAnimationFrame(resolve)); 21 await new Promise(resolve => requestAnimationFrame(resolve)); 22 await new Promise(resolve => step_timeout(resolve)); 23 let element = document.getElementById("anchor"); 24 element.remove(); 25 await new Promise(resolve => requestAnimationFrame(resolve)); 26 }, "Remove anchor"); 27 </script>