The Tor Browser: layout/reftests/flexbox/flexbox-invalidation-1.html@a63d609f5ebe

     1 <!DOCTYPE html>

     2 <!--

     3      Any copyright is dedicated to the Public Domain.

     4      http://creativecommons.org/publicdomain/zero/1.0/

     5 -->

     6 <!--

     7      This test verifies that we include our children's overflow areas in the

     8      flex container's overflow area -- invalidating their old location and new

     9      location when the flex container is moved, even if they stick outside the

    10      flex container.

    11 -->

    12 <html class="reftest-wait">

    13   <head>

    14     <script>

    15       function tweak() {

    16         var outer = document.getElementById("outer");

    17         outer.style.marginLeft = "40px";

    19         document.documentElement.removeAttribute("class");

    20       }

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

    23     </script>

    24     <style>

    25       div#flexContainer {

    26         width: 100px;

    27         height: 50px;

    28         background: lightgray;

    29         display: flex;

    30         justify-content: center;

    31       }

    33       div#flexItem {

    34         border: 1px solid black;

    35         height: 200%;

    36         background: purple;

    37       }

    38     </style>

    39   </head>

    40   <body>

    41     <div id="outer">

    42       <div id="flexContainer">

    43         <div id="flexItem">item</div>

    44       </div>

    45     </div>

    46   </body>

    47 </html>

The Tor Browser / file revision