flexbox-inlinecontent-horiz-3b.xhtml (1125B)
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 19 var flexbox = document.getElementById("flexbox"); 20 flexbox.insertBefore(newInlineContent, flexbox.firstChild); 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"> jkl mno pqr stu</div> 37 </body> 38 </html>