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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-baseline.html

Issue 1407633003: [css-grid] Implementation of Baseline Self-Alignment (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Get advantage of recomputing the intrinsic size to solve the issues with orthogonal flows. Created 3 years, 10 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/fast/css-grid-layout/grid-align-baseline-vertical.html ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-item-spanning-and-orthogonal-flows.html » ('j') | third_party/WebKit/Source/core/layout/LayoutBlockFlow.cpp » ('J')
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 <style> 3 <style>
4 body { 4 body {
5 margin: 0; 5 margin: 0;
6 } 6 }
7 .inline-grid { 7 .inline-grid {
8 display: inline-grid; 8 display: inline-grid;
9 background-color: lightgrey; 9 background-color: lightgrey;
10 margin-top: 5px; 10 margin-top: 5px;
(...skipping 76 matching lines...) Expand 10 before | Expand all | Expand 10 after
87 should align with the middle 87 should align with the middle
88 <div class="inline-grid" style="width: 40px; height: 40px"> 88 <div class="inline-grid" style="width: 40px; height: 40px">
89 <div style="writing-mode: vertical-rl; height: 20px; width: 40px; border-bot tom: 1px solid black"></div> 89 <div style="writing-mode: vertical-rl; height: 20px; width: 40px; border-bot tom: 1px solid black"></div>
90 </div> 90 </div>
91 of the grey box 91 of the grey box
92 </div> 92 </div>
93 93
94 <!-- If there are no griditems, align to the bottom of the box. --> 94 <!-- If there are no griditems, align to the bottom of the box. -->
95 <div> 95 <div>
96 should align with the bottom 96 should align with the bottom
97 <div class="empty inline-grid" style="width: 30px; height: 30px;"> 97 <div class="inline-grid" style="width: 30px; height: 30px">
98 </div> 98 </div>
99 of the grey box 99 of the grey box
100 </div> 100 </div>
101 101
102 <div> 102 <div>
103 should align with the bottom 103 should align with the bottom
104 <div class="inline-grid" style="width: 40px; height: 40px;"> 104 <div class="inline-grid" style="width: 40px; height: 40px;">
105 <div style="width: 20px; height: 20px; border: 5px solid black; background: red;"></div> 105 <div style="width: 20px; height: 20px; border: 5px solid black; background: red;"></div>
106 </div> 106 </div>
107 of the red box 107 of the red box
(...skipping 95 matching lines...) Expand 10 before | Expand all | Expand 10 after
203 203
204 </div> 204 </div>
205 205
206 <script> 206 <script>
207 document.getElementById("griditem-with-scrollbar").scrollTop = 999; 207 document.getElementById("griditem-with-scrollbar").scrollTop = 999;
208 document.getElementById("grid-with-scrollbar").style.width = "auto"; 208 document.getElementById("grid-with-scrollbar").style.width = "auto";
209 </script> 209 </script>
210 210
211 </body> 211 </body>
212 </html> 212 </html>
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-align-baseline-vertical.html ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-item-spanning-and-orthogonal-flows.html » ('j') | third_party/WebKit/Source/core/layout/LayoutBlockFlow.cpp » ('J')

Powered by Google App Engine
This is Rietveld 408576698