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

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css/sticky/sticky-table-thead-multirow-top-expected.html

Issue 2786743002: Enable position:sticky for <thead> and <tr> elements (Closed)
Patch Set: Rebase over blink reformat Created 3 years, 8 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
(Empty)
1 <style>
2
3 table {
4 border-collapse: collapse;
5 }
6
7 td, th {
8 height: 40px;
9 width: 40px;
10 }
11
12 th {
13 position: relative;
14 background: green;
15 }
16
17 .scroller {
18 overflow: auto;
19 height: 400px;
20 }
21
22 .padding {
23 height: 500px;
24 }
25 </style>
26
27 <script>
28 if (window.testRunner)
29 testRunner.waitUntilDone();
30
31 function finishTest() {
32 document.querySelector('.scroller').scrollTop = 200;
33 if (window.testRunner)
34 testRunner.notifyDone();
35 }
36
37 window.addEventListener('load', function() {
38 requestAnimationFrame(function() {
39 requestAnimationFrame(finishTest);
40 });
41 });
42 </script>
43
44 <div class="scroller">
45
46 <table>
47 <thead>
48 <tr>
49 <th style="top: 225px;" rowspan="2"></th>
50 <th style="top: 225px;" ></th>
51 </tr>
52 <tr>
53 <th style="top: 225px; background: fuchsia;"></th>
54 </tr>
55 </thead>
56 <tbody>
57 <tr><td></td><td></td></tr>
58 <tr><td></td><td></td></tr>
59 <tr><td></td><td></td></tr>
60 <tr><td></td><td></td></tr>
61 <tr><td></td><td></td></tr>
62 <tr><td></td><td></td></tr>
63 <tr><td></td><td></td></tr>
64 <tr><td></td><td></td></tr>
65 </tbody>
66 </table>
67
68 <div class="padding"></div>
69
70 </div>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698