flexbox-inlinecontent-horiz-5.xhtml

Enable keyboard shortcuts

<?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"

      class="reftest-wait">

  <head>

    <script>

      function tweak() {

        var removeMe = document.getElementsByClassName("flexbox")[0].lastChild;

        removeMe.parentNode.removeChild(removeMe);

        document.documentElement.removeAttribute("class");

      window.addEventListener("MozReftestInvalidate", tweak, false);

    </script>

    <style>

      div.flexbox {

        width: 200px;

        height: 100px;

        background: lightgreen;

        justify-content: space-around;

        display: flex;

    </style>

  </head>

  <body>

    <div class="flexbox">text<div>div</div>

      REMOVE ME

    </div>

  </body>

</html>