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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/css3/flexbox/flexbox-height-with-overflow-auto.html

Issue 1980103002: Include auto vertical scrollbar in intrinsicScrollbarLogicalWidth. (Closed) Base URL: https://chromium.googlesource.com/chromium/src@master
Patch Set: Restore list box height calculation, fix scrollbar width factor Created 4 years, 6 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 | « third_party/WebKit/LayoutTests/TestExpectations ('k') | third_party/WebKit/LayoutTests/scrollbars/auto-scrollbar-fit-content.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <link href="resources/flexbox.css" rel="stylesheet"> 3 <link href="resources/flexbox.css" rel="stylesheet">
4 <style> 4 <style>
5 .flexbox { 5 .flexbox {
6 border: 5px solid green; 6 border: 5px solid green;
7 position: relative; 7 position: relative;
8 width: 50px; 8 width: 50px;
9 } 9 }
10 10
(...skipping 20 matching lines...) Expand all
31 <body onload="checkLayout('.flexbox, .inline-flexbox')"> 31 <body onload="checkLayout('.flexbox, .inline-flexbox')">
32 <div id=log></div> 32 <div id=log></div>
33 <div class="flexbox" data-expected-height="47"> 33 <div class="flexbox" data-expected-height="47">
34 <div class="overflow"><div style="width: 100px; height: 20px"></div></div> 34 <div class="overflow"><div style="width: 100px; height: 20px"></div></div>
35 </div> 35 </div>
36 36
37 <div class="flexbox row-reverse" data-expected-height="47"> 37 <div class="flexbox row-reverse" data-expected-height="47">
38 <div class="overflow"><div style="width: 100px; height: 20px"></div></div> 38 <div class="overflow"><div style="width: 100px; height: 20px"></div></div>
39 </div> 39 </div>
40 40
41 <div class="flexbox vertical" data-expected-height="32"> 41 <div class="flexbox vertical" data-expected-height="47">
42 <div class="overflow"><div style="width: 100px; height: 20px"></div></div> 42 <div class="overflow"><div style="width: 100px; height: 20px"></div></div>
43 </div> 43 </div>
44 44
45 <div class="flexbox row-reverse vertical" data-expected-height="32"> 45 <div class="flexbox row-reverse vertical" data-expected-height="47">
46 <div class="overflow"><div style="width: 100px; height: 20px"></div></div> 46 <div class="overflow"><div style="width: 100px; height: 20px"></div></div>
47 </div> 47 </div>
48 48
49 <div class="flexbox" data-expected-height="47"> 49 <div class="flexbox" data-expected-height="47">
50 <div class="overflow align-self-baseline"><div style="width: 100px; height: 20 px"></div></div> 50 <div class="overflow align-self-baseline"><div style="width: 100px; height: 20 px"></div></div>
51 </div> 51 </div>
52 52
53 <div class="flexbox row-reverse" data-expected-height="47"> 53 <div class="flexbox row-reverse" data-expected-height="47">
54 <div class="overflow align-self-baseline"><div style="width: 100px; height: 20 px"></div></div> 54 <div class="overflow align-self-baseline"><div style="width: 100px; height: 20 px"></div></div>
55 </div> 55 </div>
56 56
57 <div class="flexbox vertical" data-expected-height="32"> 57 <div class="flexbox vertical" data-expected-height="32">
58 <div class="overflow align-self-baseline"><div style="width: 100px; height: 20 px"></div></div> 58 <div class="overflow align-self-baseline"><div style="width: 100px; height: 20 px"></div></div>
59 </div> 59 </div>
60 60
61 <div class="flexbox row-reverse vertical" data-expected-height="32"> 61 <div class="flexbox row-reverse vertical" data-expected-height="32">
62 <div class="overflow align-self-baseline"><div style="width: 100px; height: 20 px"></div></div> 62 <div class="overflow align-self-baseline"><div style="width: 100px; height: 20 px"></div></div>
63 </div> 63 </div>
64 64
65 <div class="inline-flexbox column" data-expected-width="32"> 65 <div class="inline-flexbox column" data-expected-width="47">
66 <div class="overflow"><div style="width: 20px; height: 100px"></div></div> 66 <div class="overflow"><div style="width: 20px; height: 100px"></div></div>
67 </div> 67 </div>
68 68
69 <div class="inline-flexbox column-reverse" data-expected-width="32"> 69 <div class="inline-flexbox column-reverse" data-expected-width="47">
70 <div class="overflow"><div style="width: 20px; height: 100px"></div></div> 70 <div class="overflow"><div style="width: 20px; height: 100px"></div></div>
71 </div> 71 </div>
72 72
73 <div class="inline-flexbox column vertical" data-expected-width="47"> 73 <div class="inline-flexbox column vertical" data-expected-width="47">
74 <div class="overflow"><div style="width: 20px; height: 100px"></div></div> 74 <div class="overflow"><div style="width: 20px; height: 100px"></div></div>
75 </div> 75 </div>
76 76
77 <div class="inline-flexbox column-reverse vertical" data-expected-width="47"> 77 <div class="inline-flexbox column-reverse vertical" data-expected-width="47">
78 <div class="overflow"><div style="width: 20px; height: 100px"></div></div> 78 <div class="overflow"><div style="width: 20px; height: 100px"></div></div>
79 </div> 79 </div>
80 80
81 <div class="inline-flexbox column" data-expected-width="32"> 81 <div class="inline-flexbox column" data-expected-width="47">
82 <div class="overflow align-self-baseline"><div style="width: 20px; height: 100 px"></div></div> 82 <div class="overflow align-self-baseline"><div style="width: 20px; height: 100 px"></div></div>
83 </div> 83 </div>
84 84
85 <div class="inline-flexbox column-reverse" data-expected-width="32"> 85 <div class="inline-flexbox column-reverse" data-expected-width="47">
86 <div class="overflow align-self-baseline"><div style="width: 20px; height: 100 px"></div></div> 86 <div class="overflow align-self-baseline"><div style="width: 20px; height: 100 px"></div></div>
87 </div> 87 </div>
88 88
89 <div class="inline-flexbox column vertical" data-expected-width="32"> 89 <div class="inline-flexbox column vertical" data-expected-width="32">
90 <div class="overflow align-self-baseline"><div style="width: 20px; height: 100 px"></div></div> 90 <div class="overflow align-self-baseline"><div style="width: 20px; height: 100 px"></div></div>
91 </div> 91 </div>
92 92
93 <div class="inline-flexbox column-reverse vertical" data-expected-width="32"> 93 <div class="inline-flexbox column-reverse vertical" data-expected-width="32">
94 <div class="overflow align-self-baseline"><div style="width: 20px; height: 100 px"></div></div> 94 <div class="overflow align-self-baseline"><div style="width: 20px; height: 100 px"></div></div>
95 </div> 95 </div>
96 </body> 96 </body>
97 </html> 97 </html>
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/TestExpectations ('k') | third_party/WebKit/LayoutTests/scrollbars/auto-scrollbar-fit-content.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698