| Index: third_party/WebKit/LayoutTests/css3/flexbox/max-width-violation.html
|
| diff --git a/third_party/WebKit/LayoutTests/css3/flexbox/max-width-violation.html b/third_party/WebKit/LayoutTests/css3/flexbox/max-width-violation.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..6f615537af668526a1449c934ce96a91079c3188
|
| --- /dev/null
|
| +++ b/third_party/WebKit/LayoutTests/css3/flexbox/max-width-violation.html
|
| @@ -0,0 +1,51 @@
|
| +<!DOCTYPE html>
|
| +
|
| +<style>
|
| +.columns {
|
| + display: flex;
|
| + width: 800px;
|
| +}
|
| +
|
| +.columns > div {
|
| + background: #aaa;
|
| +}
|
| +
|
| +.column1 {
|
| + width: 800px;
|
| + overflow: auto;
|
| + max-width: 150px;
|
| +}
|
| +
|
| +.column2 {
|
| + flex: 0.8 0 0;
|
| +}
|
| +
|
| +.red {
|
| + position: absolute;
|
| + width: 510px;
|
| + background: red !important;
|
| + height: 10px;
|
| + z-index: -1;
|
| +}
|
| +</style>
|
| +
|
| +<script src="../../resources/testharness.js"></script>
|
| +<script src="../../resources/testharnessreport.js"></script>
|
| +<script src="../../resources/check-layout-th.js"></script>
|
| +
|
| +<body onload="checkLayout('.columns')">
|
| +<div id=log></div>
|
| +
|
| +
|
| +<p>You should see no red</p>
|
| +
|
| +<div class="columns">
|
| + <div class="red"></div>
|
| + <div class="column1" data-expected-width="150">
|
| + Column 1
|
| + </div>
|
| + <div class="column2" data-expected-width="520">
|
| + Column 2
|
| + </div>
|
| +</div>
|
| +
|
|
|
Chromium Code Reviews
Issue 2096943004:
[css-flexbox] Correctly implement freezing of inflexible items (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master