Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(561)

Side by Side Diff: third_party/WebKit/LayoutTests/css3/flexbox/max-width-violation.html

Issue 2096943004: [css-flexbox] Correctly implement freezing of inflexible items (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: ... Created 4 years, 5 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « no previous file | third_party/WebKit/Source/core/layout/LayoutFlexibleBox.h » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(Empty)
1 <!DOCTYPE html>
2
3 <style>
4 .columns {
5 display: flex;
6 width: 800px;
7 }
8
9 .columns > div {
10 background: #aaa;
11 }
12
13 .column1 {
14 width: 800px;
15 overflow: auto;
16 max-width: 150px;
17 }
18
19 .column2 {
20 flex: 0.8 0 0;
21 }
22
23 .red {
24 position: absolute;
25 width: 510px;
26 background: red !important;
27 height: 10px;
28 z-index: -1;
29 }
30 </style>
31
32 <script src="../../resources/testharness.js"></script>
33 <script src="../../resources/testharnessreport.js"></script>
34 <script src="../../resources/check-layout-th.js"></script>
35
36 <body onload="checkLayout('.columns')">
37 <div id=log></div>
38
39
40 <p>You should see no red</p>
41
42 <div class="columns">
43 <div class="red"></div>
44 <div class="column1" data-expected-width="150">
45 Column 1
46 </div>
47 <div class="column2" data-expected-width="520">
48 Column 2
49 </div>
50 </div>
51
OLDNEW
« no previous file with comments | « no previous file | third_party/WebKit/Source/core/layout/LayoutFlexibleBox.h » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698