| Index: third_party/WebKit/LayoutTests/css3/flexbox/relpos-with-percentage-top.html
|
| diff --git a/third_party/WebKit/LayoutTests/css3/flexbox/relpos-with-percentage-top.html b/third_party/WebKit/LayoutTests/css3/flexbox/relpos-with-percentage-top.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..72e5fa323f4916cf7dae645b0c7c6a50ff1281f7
|
| --- /dev/null
|
| +++ b/third_party/WebKit/LayoutTests/css3/flexbox/relpos-with-percentage-top.html
|
| @@ -0,0 +1,40 @@
|
| +<!DOCTYPE html>
|
| +<style>
|
| +html, body {
|
| + margin: 0;
|
| +}
|
| +
|
| +.border {
|
| + border:1px solid #000;
|
| +}
|
| +.width-50 {
|
| + width: 50%;
|
| +}
|
| +.flex {
|
| + display: flex;
|
| + flex-flow: row wrap;
|
| +}
|
| +.tall {
|
| + height: 300px;
|
| +}
|
| +.top-50 {
|
| + position: relative;
|
| + top: 50%;
|
| +}
|
| +</style>
|
| +<script src="../../resources/testharness.js"></script>
|
| +<script src="../../resources/testharnessreport.js"></script>
|
| +<script src="../../resources/check-layout-th.js"></script>
|
| +<body onload="checkLayout('.border')">
|
| +<div class="border">
|
| + <div class="flex">
|
| + <div class="width-50">
|
| + <label class="top-50" data-offset-y="151">This should be in the center of the container</label>
|
| + </div>
|
| + <div class="width-50">
|
| + <div class="tall">
|
| + This is tall
|
| + </div>
|
| + </div>
|
| + </div>
|
| +</div>
|
|
|
Chromium Code Reviews
Issue 2349803002:
availableLogicalHeightUsing needs to take flexbox stretched heights into account (Closed)
