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

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css/sticky/inflow-sticky-expected.html

Issue 1870663002: Reland main thread position sticky implementation. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Only descend into children which have an ancestor overflow layer. Created 4 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 <!DOCTYPE html>
2
3 <html>
4 <head>
5 <style>
6 body {
7 margin: 0;
8 }
9
10 .group {
11 position: relative;
12 width: 250px;
13 height: 450px;
14 }
15
16 .container {
17 width: 200px;
18 height: 600px;
19 outline: 2px solid black;
20 }
21
22 .box {
23 width: 200px;
24 height: 200px;
25 }
26
27 .before {
28 background-color: orange;
29 height: 50px;
30 }
31
32 .after {
33 background-color: blue;
34 height: 50px;
35 }
36 .sticky {
37 background-color: green;
38 position: relative;
39 top: 250px;
40 }
41 </style>
42 </head>
43 <body>
44 <div class="group" style="top: 0">
45 <div class="container">
46 <div class="before box"></div>
47 <div class="sticky box"></div>
48 <div class="after box"></div>
49 </div>
50 </div>
51
52 </body>
53 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698