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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-positioned-items-implicit-grid.html

Issue 1929483002: [css-grid] Fix static position for positioned grid items (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 years, 7 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-positioned-items-gaps-rtl.html ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-positioned-items-implicit-grid-line.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/grid.css" rel="stylesheet"> 3 <link href="resources/grid.css" rel="stylesheet">
4 <style> 4 <style>
5 5
6 .grid { 6 .grid {
7 width: 200px; 7 width: 200px;
8 height: 200px; 8 height: 200px;
9 border: 5px solid black; 9 border: 5px solid black;
10 margin: 30px; 10 margin: 30px;
(...skipping 15 matching lines...) Expand all
26 <script src="../../resources/testharness.js"></script> 26 <script src="../../resources/testharness.js"></script>
27 <script src="../../resources/testharnessreport.js"></script> 27 <script src="../../resources/testharnessreport.js"></script>
28 <script src="../../resources/check-layout-th.js"></script> 28 <script src="../../resources/check-layout-th.js"></script>
29 <body onload="checkLayout('.grid')"> 29 <body onload="checkLayout('.grid')">
30 <div id="log"></div> 30 <div id="log"></div>
31 31
32 <p>This test checks the behavior of the absolutely positioned grid items placed on the implicit grid.</p> 32 <p>This test checks the behavior of the absolutely positioned grid items placed on the implicit grid.</p>
33 33
34 <div class="grid"> 34 <div class="grid">
35 <div class="sizedToGridArea absolute secondRowSecondColumn" 35 <div class="sizedToGridArea absolute secondRowSecondColumn"
36 data-offset-x="15" data-offset-y="15" data-expected-width="230" data-exp ected-height="230"> 36 data-offset-x="0" data-offset-y="0" data-expected-width="230" data-expec ted-height="230">
37 </div> 37 </div>
38 <div class="sizedToGridArea absolute endSecondRowEndSecondColumn" 38 <div class="sizedToGridArea absolute endSecondRowEndSecondColumn"
39 data-offset-x="15" data-offset-y="15" data-expected-width="230" data-exp ected-height="230"> 39 data-offset-x="0" data-offset-y="0" data-expected-width="230" data-expec ted-height="230">
40 </div> 40 </div>
41 <div class="sizedToGridArea absolute onlySecondRowOnlySecondColumn" 41 <div class="sizedToGridArea absolute onlySecondRowOnlySecondColumn"
42 data-offset-x="15" data-offset-y="15" data-expected-width="230" data-exp ected-height="230"> 42 data-offset-x="0" data-offset-y="0" data-expected-width="230" data-expec ted-height="230">
43 </div> 43 </div>
44 </div> 44 </div>
45 45
46 <div class="grid grid-columns-rows"> 46 <div class="grid grid-columns-rows">
47 <div class="sizedToGridArea absolute secondRowSecondColumn" 47 <div class="sizedToGridArea absolute secondRowSecondColumn"
48 data-offset-x="115" data-offset-y="65" data-expected-width="115" data-ex pected-height="165"> 48 data-offset-x="115" data-offset-y="65" data-expected-width="115" data-ex pected-height="165">
49 </div> 49 </div>
50 <div class="sizedToGridArea absolute endSecondRowEndSecondColumn" 50 <div class="sizedToGridArea absolute endSecondRowEndSecondColumn"
51 data-offset-x="15" data-offset-y="15" data-expected-width="230" data-exp ected-height="230"> 51 data-offset-x="0" data-offset-y="0" data-expected-width="230" data-expec ted-height="230">
52 </div> 52 </div>
53 <div class="sizedToGridArea absolute onlySecondRowOnlySecondColumn" 53 <div class="sizedToGridArea absolute onlySecondRowOnlySecondColumn"
54 data-offset-x="115" data-offset-y="65" data-expected-width="115" data-ex pected-height="165"> 54 data-offset-x="115" data-offset-y="65" data-expected-width="115" data-ex pected-height="165">
55 </div> 55 </div>
56 </div> 56 </div>
57 57
58 <div class="grid directionRTL"> 58 <div class="grid directionRTL">
59 <div class="sizedToGridArea absolute secondRowSecondColumn" 59 <div class="sizedToGridArea absolute secondRowSecondColumn"
60 data-offset-x="-15" data-offset-y="15" data-expected-width="230" data-ex pected-height="230"> 60 data-offset-x="0" data-offset-y="0" data-expected-width="230" data-expec ted-height="230">
61 </div> 61 </div>
62 <div class="sizedToGridArea absolute endSecondRowEndSecondColumn" 62 <div class="sizedToGridArea absolute endSecondRowEndSecondColumn"
63 data-offset-x="-15" data-offset-y="15" data-expected-width="230" data-ex pected-height="230"> 63 data-offset-x="0" data-offset-y="0" data-expected-width="230" data-expec ted-height="230">
64 </div> 64 </div>
65 <div class="sizedToGridArea absolute onlySecondRowOnlySecondColumn" 65 <div class="sizedToGridArea absolute onlySecondRowOnlySecondColumn"
66 data-offset-x="-15" data-offset-y="15" data-expected-width="230" data-ex pected-height="230"> 66 data-offset-x="0" data-offset-y="0" data-expected-width="230" data-expec ted-height="230">
67 </div> 67 </div>
68 </div> 68 </div>
69 69
70 <div class="grid grid-columns-rows directionRTL"> 70 <div class="grid grid-columns-rows directionRTL">
71 <div class="sizedToGridArea absolute secondRowSecondColumn" 71 <div class="sizedToGridArea absolute secondRowSecondColumn"
72 data-offset-x="0" data-offset-y="65" data-expected-width="115" data-expe cted-height="165"> 72 data-offset-x="0" data-offset-y="65" data-expected-width="115" data-expe cted-height="165">
73 </div> 73 </div>
74 <div class="sizedToGridArea absolute endSecondRowEndSecondColumn" 74 <div class="sizedToGridArea absolute endSecondRowEndSecondColumn"
75 data-offset-x="-15" data-offset-y="15" data-expected-width="230" data-ex pected-height="230"> 75 data-offset-x="0" data-offset-y="0" data-expected-width="230" data-expec ted-height="230">
76 </div> 76 </div>
77 <div class="sizedToGridArea absolute onlySecondRowOnlySecondColumn" 77 <div class="sizedToGridArea absolute onlySecondRowOnlySecondColumn"
78 data-offset-x="0" data-offset-y="65" data-expected-width="115" data-expe cted-height="165"> 78 data-offset-x="0" data-offset-y="65" data-expected-width="115" data-expe cted-height="165">
79 </div> 79 </div>
80 </div> 80 </div>
81 81
82 </body> 82 </body>
83 </html> 83 </html>
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-positioned-items-gaps-rtl.html ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-positioned-items-implicit-grid-line.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698