| Index: LayoutTests/css3/flexbox/stretched-child-shrink-on-relayout.html
|
| diff --git a/LayoutTests/css3/flexbox/stretched-child-shrink-on-relayout.html b/LayoutTests/css3/flexbox/stretched-child-shrink-on-relayout.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..f424022c06e653c750eeab4475246cc06baff30b
|
| --- /dev/null
|
| +++ b/LayoutTests/css3/flexbox/stretched-child-shrink-on-relayout.html
|
| @@ -0,0 +1,72 @@
|
| +<!DOCTYPE html>
|
| +<style>
|
| +.flexbox {
|
| + display: flex;
|
| + background: papayawhip;
|
| + border: 1px solid midnightblue;
|
| + margin: 1em;
|
| + width: 50px;
|
| +}
|
| +
|
| +.flexbox > div {
|
| + margin: 5px;
|
| + min-width: 10px;
|
| + min-height: 10px;
|
| + background-color: lawngreen;
|
| +}
|
| +
|
| +.column {
|
| + -webkit-flex-flow: column;
|
| +}
|
| +
|
| +.horizontal-tb {
|
| + -webkit-writing-mode: horizontal-tb;
|
| +}
|
| +.vertical-lr {
|
| + -webkit-writing-mode: vertical-lr;
|
| +}
|
| +
|
| +.largeitem {
|
| + height: 200px;
|
| + width: 200px;
|
| + margin: 5px;
|
| +}
|
| +</style>
|
| +</head>
|
| +<script src="../../resources/check-layout.js"></script>
|
| +<body onload="checkLayout('.flexbox')">
|
| +
|
| +<div class="flexbox">
|
| + <div data-expected-height=10 data-expected-width=10></div>
|
| + <div class="largeitem"></div>
|
| +</div>
|
| +<div class="flexbox column">
|
| + <div data-expected-height=10 data-expected-width=40></div>
|
| + <div class="largeitem"></div>
|
| +</div>
|
| +
|
| +<div class="flexbox">
|
| + <div class="horizontal-tb" data-expected-height=10 data-expected-width=10></div>
|
| + <div class="largeitem"></div>
|
| +</div>
|
| +<div class="flexbox column">
|
| + <div class="horizontal-tb" data-expected-height=10 data-expected-width=40></div>
|
| + <div class="largeitem"></div>
|
| +</div>
|
| +
|
| +<div class="flexbox">
|
| + <div class="vertical-lr" data-expected-height=10 data-expected-width=10></div>
|
| + <div class="largeitem"></div>
|
| +</div>
|
| +<div class="flexbox column">
|
| + <div class="vertical-lr" data-expected-height=10 data-expected-width=10></div>
|
| + <div class="largeitem"></div>
|
| +</div>
|
| +
|
| +<script>
|
| +document.body.offsetTop;
|
| +var targets = document.getElementsByClassName('largeitem');
|
| +for (var i = targets.length - 1; i >= 0; i--) {
|
| + targets[i].remove();
|
| +};
|
| +</script>
|
|
|
Chromium Code Reviews
Issue 237823002:
Properly shrink stretched flexbox children on relayout (Closed)
Base URL: svn://svn.chromium.org/blink/trunk