flexbox-inlinecontent-horiz-5.xhtml 1004 B

12345678910111213141516171819202122232425262728293031323334353637
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <!--
  3. Any copyright is dedicated to the Public Domain.
  4. http://creativecommons.org/publicdomain/zero/1.0/
  5. -->
  6. <!--
  7. This test removes a run of inline content from a flexbox, which
  8. should trigger the removal of its now-empty anonymous flex item.
  9. -->
  10. <html xmlns="http://www.w3.org/1999/xhtml"
  11. class="reftest-wait">
  12. <head>
  13. <script>
  14. function tweak() {
  15. var removeMe = document.getElementsByClassName("flexbox")[0].lastChild;
  16. removeMe.parentNode.removeChild(removeMe);
  17. document.documentElement.removeAttribute("class");
  18. }
  19. window.addEventListener("MozReftestInvalidate", tweak, false);
  20. </script>
  21. <style>
  22. div.flexbox {
  23. width: 200px;
  24. height: 100px;
  25. background: lightgreen;
  26. justify-content: space-around;
  27. display: flex;
  28. }
  29. </style>
  30. </head>
  31. <body>
  32. <div class="flexbox">text<div>div</div>
  33. REMOVE ME
  34. </div>
  35. </body>
  36. </html>