layout/reftests/flexbox/flexbox-inlinecontent-horiz-3c.xhtml

   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 after 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("mno pqr stu");
  18
  19         var flexbox = document.getElementById("flexbox");
  20         flexbox.insertBefore(newInlineContent, null);
  21
  22         document.documentElement.removeAttribute("class");
  23       }
  24
  25       window.addEventListener("MozReftestInvalidate", tweak, false);
  26     </script>
  27     <style>
  28       div#flexbox {
  29         width: 100px;
  30         display: flex;
  31         font: 10px Ahem;
  32       }
  33     </style>
  34   </head>
  35   <body>
  36     <div id="flexbox">abc def ghi jkl </div>
  37   </body>
  38 </html>