update-visual-rects-after-compositing-change.html 611 B

12345678910111213141516171819202122232425262728
  1. <!doctype HTML>
  2. <style>
  3. #child {
  4. position: relative;
  5. }
  6. </style>
  7. <div style="backface-visibility: hidden;">
  8. <div id="target">
  9. <div id="child"></div>
  10. <div style="position: relative;">
  11. <span id="myspan">gone!</span>
  12. </div>
  13. </div>
  14. </div>
  15. <script src="../../resources/run-after-layout-and-paint.js"></script>
  16. <script>
  17. function runTest() {
  18. var content = document.createElement("span");
  19. var div = document.createElement("div");
  20. div.appendChild(content);
  21. div.id = "child";
  22. target.replaceChild(div, child);
  23. }
  24. onload = function() {
  25. runAfterLayoutAndPaint(runTest, true);
  26. };
  27. </script>