src/third_party/WebKit/LayoutTests/fast/regions/flows-dependency-dynamic-remove.html

   1 <!DOCTYPE HTML>
   2
   3 <style>
   4 body { -webkit-margin-collapse: separate; }
   5
   6 .flowA { -webkit-flow-into: flowA; }
   7 .flowB { -webkit-flow-into: flowB; }
   8 .flowC { -webkit-flow-into: flowC; }
   9
  10 .regionFlowA { -webkit-flow-from: flowA; }
  11 .regionFlowB { -webkit-flow-from: flowB; }
  12 .regionFlowC { -webkit-flow-from: flowC; }
  13
  14 .regionFlowA, .regionFlowB, .regionFlowC { width: 0px; height: 0px; }
  15 </style>
  16
  17 <div class="flowA">
  18     <div class="regionFlowB"></div>
  19 </div>
  20
  21 <div class="flowB">
  22     <div class="regionFlowC"></div>
  23 </div>
  24
  25 <div class="flowC">
  26     <!-- The following region will initially be invalid. Removing regionFlowC should make it valid again. -->
  27     <div class="regionFlowA"></div>
  28 </div>
  29
  30 <!-- Force the creation of the flows. In the future we might avoid creating flows if there are no reachable regions. -->
  31 <div class="regionFlowA"></div>
  32
  33 <script>
  34     document.body.offsetTop;    // force layout
  35     var el = document.getElementsByClassName("regionFlowC")[0];
  36     el.parentNode.removeChild(el);
  37 </script>