| <!DOCTYPE html> |
| <html> |
| <head> |
| <link rel="stylesheet" href="resources/flexbox.css"> |
| <script src="../../resources/testharness.js"></script> |
| <script src="../../resources/testharnessreport.js"></script> |
| <script src="../../resources/check-layout-th.js"></script> |
| <script> |
| window.onload = function() |
| { |
| var outer = document.getElementById("outer"); |
| outer.style.height = "300px"; |
| outer.offsetLeft; |
| outer.style.height = "100px"; |
| checkLayout('#outer'); |
| }; |
| </script> |
| </head> |
| <body> |
| <div id=log></div> |
| <div id="outer" data-expected-height="100"> |
| <div class="flexbox" data-expected-height="100" style="height: 100%"> |
| <div class="flex-one" data-expected-height="100" style="overflow-y: auto; height: 100%"> |
| <div data-expected-height="100" style="height: 100%"> |
| <div data-expected-height="100" style="width: 100px; height: 100px; background-color: green"></div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </body> |
| </html> |
