| Index: LayoutTests/css3/flexbox/alignContent-applies-with-flexWrap-wrap-with-single-line.html
|
| diff --git a/LayoutTests/css3/flexbox/alignContent-applies-with-flexWrap-wrap-with-single-line.html b/LayoutTests/css3/flexbox/alignContent-applies-with-flexWrap-wrap-with-single-line.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..40abdf96470fb0b6d6a4641efae24e380f8edb24
|
| --- /dev/null
|
| +++ b/LayoutTests/css3/flexbox/alignContent-applies-with-flexWrap-wrap-with-single-line.html
|
| @@ -0,0 +1,65 @@
|
| +<!doctype html>
|
| +<html>
|
| +<head>
|
| +<style>
|
| +.default {
|
| + display: flex;
|
| + flex-wrap: wrap;
|
| + position: relative;
|
| + height: 75px;
|
| + border: 1px solid red;
|
| + margin: 5px;
|
| +}
|
| +
|
| +.verticalWriting {
|
| + display: flex;
|
| + flex-wrap: wrap;
|
| + position: relative;
|
| + width: 75px;
|
| + border: 1px solid red;
|
| + margin: 5px;
|
| + -webkit-writing-mode: vertical-lr;
|
| +}
|
| +</style>
|
| +<script src="../../resources/check-layout.js"></script>
|
| +</head>
|
| +<body onload="checkLayout('.default'); checkLayout('.verticalWriting'); ">
|
| +<p>Test for BUG=324178: Chrome incorrectly honors "align-content" in "flex-wrap: wrap" flex containers that only have a single line</p>
|
| +<div class="default" style="align-content: flex-start">
|
| +<div data-offset-y="0">This text should be at the top of it's container</div>
|
| +</div>
|
| +<div class="default" style="align-content: flex-end">
|
| +<div data-offset-y="0">This text should be at the top of it's container</div>
|
| +</div>
|
| +<div class="default" style="align-content: center">
|
| +<div data-offset-y="0">This text should be at the top of it's container</div>
|
| +</div>
|
| +<div class="default" style="align-content: space-between">
|
| +<div data-offset-y="0">This text should be at the top of it's container</div>
|
| +</div>
|
| +<div class="default" style="align-content: space-around">
|
| +<div data-offset-y="0">This text should be at the top of it's container</div>
|
| +</div>
|
| +<div class="default" style="align-content: stretch">
|
| +<div data-offset-y="0">This text should be at the top of it's container</div>
|
| +</div>
|
| +<div class="verticalWriting" style="align-content: flex-start">
|
| +<div data-offset-x="0">This text should be at the left of it's container</div>
|
| +</div>
|
| +<div class="verticalWriting" style="align-content: flex-end">
|
| +<div data-offset-x="0">This text should be at the left of it's container</div>
|
| +</div>
|
| +<div class="verticalWriting" style="align-content: center">
|
| +<div data-offset-x="0">This text should be at the left of it's container</div>
|
| +</div>
|
| +<div class="verticalWriting" style="align-content: space-between">
|
| +<div data-offset-x="0">This text should be at the left of it's container</div>
|
| +</div>
|
| +<div class="verticalWriting" style="align-content: space-around">
|
| +<div data-offset-x="0">This text should be at the left of it's container</div>
|
| +</div>
|
| +<div class="verticalWriting" style="align-content: stretch">
|
| +<div data-offset-x="0">This text should be at the left of it's container</div>
|
| +</div>
|
| +</body>
|
| +</html>
|
|
|
Chromium Code Reviews
Issue 290823003:
Chrome incorrectly honors "align-content" in "flex-wrap: wrap" flex containers that only have a sin… (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master