diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-flexbox/quirks-auto-block-size-with-percentage-item.html')
| -rw-r--r-- | testing/web-platform/tests/css/css-flexbox/quirks-auto-block-size-with-percentage-item.html | 19 |
1 files changed, 19 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-flexbox/quirks-auto-block-size-with-percentage-item.html b/testing/web-platform/tests/css/css-flexbox/quirks-auto-block-size-with-percentage-item.html new file mode 100644 index 0000000000..f5c3d7c181 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/quirks-auto-block-size-with-percentage-item.html @@ -0,0 +1,19 @@ +<!-- quirks mode --> +<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> +<link rel="help" href="https://www.w3.org/TR/CSS22/visudet.html#the-height-property"> +<meta name="assert" content="The percentage height resolution quirk isn't applied to flexboxes."> + +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/resources/check-layout-th.js"></script> + +<!-- Have to wait for onload to fire to ensure the image is loaded. --> +<body onload="checkLayout('#container')"> + +<p>There should be a green square to the left of a blue square, and no red.</p> +<div id="container" style="width:200px; height:456px;"> + <div style="display:flex; background:blue;" data-expected-height="100"> + <img style="width:100px; height: 50%;" src="support/1x1-green.png" data-expected-height="100"> + <div style="width: 50px; height: 100%; background: red;" data-expected-height="0"></div> + </div> +</div> |