| Index: LayoutTests/css3/flexbox/flexbox-height-with-overflow-auto.html
|
| diff --git a/LayoutTests/css3/flexbox/flexbox-height-with-overflow-auto.html b/LayoutTests/css3/flexbox/flexbox-height-with-overflow-auto.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..8a88e58ea03492e3d222b9faea2072c690d95508
|
| --- /dev/null
|
| +++ b/LayoutTests/css3/flexbox/flexbox-height-with-overflow-auto.html
|
| @@ -0,0 +1,40 @@
|
| +<!DOCTYPE html>
|
| +<html>
|
| +<link href="resources/flexbox.css" rel="stylesheet">
|
| +<style>
|
| +.flexbox {
|
| + border:5px solid green;
|
| + position:relative;
|
| + width:50px;
|
| +}
|
| +
|
| +.inline-flexbox {
|
| + border:5px solid green;
|
| + position:relative;
|
| + height:50px;
|
| +}
|
| +
|
| +.overflow {
|
| + border:1px solid red;
|
| + overflow:auto;
|
| +}
|
| +</style>
|
| +<script src="../../resources/check-layout.js"></script>
|
| +<body onload="checkLayout('.flexbox'); checkLayout('.inline-flexbox')">
|
| +<div class="flexbox" data-expected-height="47">
|
| + <div class="overflow"><div style="width:100px; height:20px"></div></div>
|
| +</div>
|
| +
|
| +<div class="flexbox row-reverse" data-expected-height="47">
|
| + <div class="overflow"><div style="width:100px; height:20px"></div></div>
|
| +</div>
|
| +
|
| +<div class="inline-flexbox column" data-expected-width="32">
|
| + <div class="overflow"><div style="width:20px; height:100px"></div></div>
|
| +</div>
|
| +
|
| +<div class="inline-flexbox column-reverse" data-expected-width="32">
|
| + <div class="overflow"><div style="width:20px; height:100px"></div></div>
|
| +</div>
|
| +</body>
|
| +</html>
|
|
|