child-style-preserve.html (657B)
1 <!DOCTYPE html> 2 <script src="/resources/testharness.js"></script> 3 <script src="/resources/testharnessreport.js"></script> 4 <body> 5 <div id="container"> 6 <p id="item">Test1</p> 7 </div> 8 <div> 9 <p>Test2</p> 10 </div> 11 <style> 12 #item { 13 width: 100px; 14 } 15 </style> 16 <script> 17 test(t => { 18 const container = document.querySelector('#container'); 19 const item = document.querySelector('#item'); 20 assert_equals(item.getBoundingClientRect().width, 100); 21 item.style.width = '200px'; 22 document.body.moveBefore(container, null); 23 assert_equals(item.getBoundingClientRect().width, 200); 24 }); 25 </script> 26 </body>