blob: 0a182ee0db0cd3a6ed0320cd5d47aa8faa0b2a5a [file] [log] [blame]
<!DOCTYPE html>
<link href="resources/flexbox.css" rel="stylesheet">
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<script src="../../resources/check-layout-th.js"></script>
<body onload="checkLayout('.flexbox')">
<div id=log></div>
<p>You should see no red -- the height should be considered definite</p>
<div class="flexbox" style="width: 100px; height: 150px; outline: 5px solid black;">
<div style="background: red;">
<img style="height: 100%; width: 100%;" src="../../images/resources/green-100.png" data-expected-height="150">
</div>
</div>
<div class="flexbox column" style="width: 100px; height: 150px; outline: 5px solid black;">
<div class="flex-one" style="background: red;">
<img style="height: 100%; width: 100%;" src="../../images/resources/green-100.png" data-expected-height="150">
</div>
</div>
<div class="flexbox" style="width: 100px; height: 150px; outline: 5px solid black;">
<div style="background: red;">
<object style="height: 100%; width: 100%;" data="../../images/resources/green-100.png" data-expected-height="150"></object>
</div>
</div>
<div class="flexbox" style="width: 100px; height: 150px; outline: 5px solid black;">
<div style="background: red;">
<embed style="height: 100%; width: 100%;" type="application/x-webkit-test-webplugin" data-expected-height="150"></embed>
</div>
</div>