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

Side by Side Diff: LayoutTests/fast/multicol/hit-test-float.html

Issue 25687002: Add support for the column-fill property. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Put changes to problematic files (for the bots) back in. Created 7 years, 2 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
OLDNEW
1 <style> 1 <style>
2 #target { width: 50px; height: 50px; background-color: red; margin: 10px; } 2 #target { width: 50px; height: 50px; background-color: red; margin: 10px; }
3 #target:hover { background-color: green; } 3 #target:hover { background-color: green; }
4 </style> 4 </style>
5 <p> 5 <p>
6 Test for <i><a href="https://bugs.webkit.org/show_bug.cgi?id=44730">https:// bugs.webkit.org/show_bug.cgi?id=44730</a> 6 Test for <i><a href="https://bugs.webkit.org/show_bug.cgi?id=44730">https:// bugs.webkit.org/show_bug.cgi?id=44730</a>
7 Floats inside of multicol fail to hit test</i>. 7 Floats inside of multicol fail to hit test</i>.
8 </p> 8 </p>
9 <p> 9 <p>
10 The red square should turn green when hovered. 10 The red square should turn green when hovered.
11 </p> 11 </p>
12 <div style="margin: 100; width: 300; height: 200; outline: solid black; -webkit- columns: 2;"> 12 <div style="-webkit-columns:2; columns:2; column-fill:auto; margin: 100; width: 300; height: 200; outline: solid black;">
13 <div> 13 <div>
14 <div style="height: 250px; background-color: purple;"></div> 14 <div style="height: 250px; background-color: purple;"></div>
15 <div style="float: right; background-color: lightyellow; margin: 5px;"> 15 <div style="float: right; background-color: lightyellow; margin: 5px;">
16 <div id="target"></div> 16 <div id="target"></div>
17 </div> 17 </div>
18 </div> 18 </div>
19 </div> 19 </div>
20 <div id="result">FAIL: Test did not run.</div> 20 <div id="result">FAIL: Test did not run.</div>
21 <script> 21 <script>
22 if (window.testRunner) 22 if (window.testRunner)
23 testRunner.dumpAsText(); 23 testRunner.dumpAsText();
24 24
25 var result = document.getElementById("result"); 25 var result = document.getElementById("result");
26 var hitElement = document.elementFromPoint(370, 250); 26 var hitElement = document.elementFromPoint(370, 250);
27 if (hitElement === document.getElementById("target")) 27 if (hitElement === document.getElementById("target"))
28 result.innerText = "PASS"; 28 result.innerText = "PASS";
29 else 29 else
30 result.innerText = "FAIL: Hit " + hitElement; 30 result.innerText = "FAIL: Hit " + hitElement;
31 </script> 31 </script>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698