forked from mirrors/gecko-dev
624f3a15b5
Automatic update from web-platform-tests [css-flexbox] Move flex-column-relayout-assert.html test from css3/flexbox to WPT This CL moves flex-column-relayout-assert.html test from css/css-flexbox to external/wpt/css/css-flexbox with WPT styles, adding links to the relevant specs, a description of this test, and a title. Bug: 1063749 Change-Id: Ic68aa0b7f4b254ce10f178897a23f0b6171dd788 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2119460 Reviewed-by: Robert Ma <robertma@chromium.org> Reviewed-by: David Grogan <dgrogan@chromium.org> Commit-Queue: Gyuyoung Kim <gyuyoung@igalia.com> Cr-Commit-Position: refs/heads/master@{#753457} -- wpt-commits: 1137f4bff2b7b01fa5dabd28cee509f9c6212f39 wpt-pr: 22434
27 lines
954 B
HTML
27 lines
954 B
HTML
<!DOCTYPE html>
|
|
<title>CSS Flexbox: Column height with padding</title>
|
|
<link href="support/flexbox.css" rel="stylesheet">
|
|
<link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column">
|
|
<link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#item-margins">
|
|
<meta name="assert" content="This test checks that height of flex container works with padding">
|
|
<style>
|
|
.flexbox {
|
|
background-color: green;
|
|
}
|
|
</style>
|
|
<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 a green rectangle, 40px high.</p>
|
|
|
|
<div class="flexbox column" data-expected-height="40">
|
|
<div id="child" data-expected-height="40"></div>
|
|
</div>
|
|
|
|
<script>
|
|
document.getElementById('child').offsetHeight;
|
|
document.getElementById('child').style.padding = "20px";
|
|
</script>
|