third_party/WebKit/LayoutTests/fast/deprecated-flexbox/relayout-children-when-switching-direction.html

   1 <!DOCTYPE html>
   2 <html>
   3 <style>
   4 #flex {
   5   display: flex;
   6   width: 100px;
   7 }
   8 #flex > div {
   9   height: 30px;
  10 }
  11 .column {
  12   flex-direction: column;
  13 }
  14 </style>
  15 <body>
  16 <div id="flex">
  17     <div>Foo</div>
  18     <div id="target" data-offset-y=38>Bar</div>
  19 </div>
  20 <script src="../../resources/check-layout.js"></script>
  21 <script>
  22 var flexbox = document.getElementById('flex');
  23 flexbox.offsetTop;
  24 flexbox.classList.add('column');
  25 checkLayout('#target');
  26 </script>