<?xml version="1.0" encoding="UTF-8"?>
<!--
     Any copyright is dedicated to the Public Domain.
     http://creativecommons.org/publicdomain/zero/1.0/
-->
<!--
     This test removes a run of inline content from a flexbox, which
     should trigger the removal of its now-empty anonymous flex item.
-->
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <link href="../resources/flexbox.css" rel="stylesheet" />
    <script>
      function tweak() {
        var removeMe = document.getElementsByClassName("flexbox")[0].lastChild;
        removeMe.parentNode.removeChild(removeMe);
        document.documentElement.removeAttribute("class");
      }
      window.addEventListener("load", tweak, false);
    </script>
    <style>
      div.flexbox {
        width: 200px;
        height: 100px;
        background: lightgreen;
      }
    </style>
  </head>
  <body>
    <div class="flexbox justify-content-space-around">text<div>div</div>
      REMOVE ME
    </div>
  </body>
</html>