flexbox-inlinecontent-horiz-3b.xhtml 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839
  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 inserts a some inline content in a flex container, just before a
  8. stretch of existing inline content. The new content should be incorporated
  9. into the same anonymous flex item as the existing content.
  10. -->
  11. <html xmlns="http://www.w3.org/1999/xhtml"
  12. class="reftest-wait">
  13. <head>
  14. <link rel="stylesheet" type="text/css" href="ahem.css" />
  15. <script>
  16. function tweak() {
  17. var newInlineContent = document.createTextNode("abc def ghi");
  18. var flexbox = document.getElementById("flexbox");
  19. flexbox.insertBefore(newInlineContent, flexbox.firstChild);
  20. document.documentElement.removeAttribute("class");
  21. }
  22. window.addEventListener("MozReftestInvalidate", tweak, false);
  23. </script>
  24. <style>
  25. div#flexbox {
  26. width: 100px;
  27. display: flex;
  28. font: 10px Ahem;
  29. }
  30. </style>
  31. </head>
  32. <body>
  33. <div id="flexbox"> jkl mno pqr stu</div>
  34. </body>
  35. </html>