flexbox-inlinecontent-horiz-5.xhtml (1004B)
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>