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

Side by Side Diff: LayoutTests/fast/css/sticky/sticky-top-overflow-expected.html

Issue 103213002: position:sticky should stick for the enclosing overflow ancestor (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Add back changes in RenderBoxModelObject.cpp eaten by rebase. Created 6 years, 11 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 | « LayoutTests/fast/css/sticky/sticky-top-overflow.html ('k') | Source/core/frame/FrameView.cpp » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(Empty)
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <style>
5 .group {
6 display: inline-block;
7 position: relative;
8 width: 150px;
9 height: 500px;
10 }
11
12 #overflow {
13 width: 600px;
14 height: 550px;
15 overflow: hidden;
16 border: 1px solid black;
17 }
18
19 .spacer {
20 float: left;
21 width: 10px;
22 height: 1200px;
23 }
24 .container {
25 width: 100px;
26 height: 400px;
27 outline: 2px solid black;
28 }
29
30 .box {
31 width: 100px;
32 height: 200px;
33 }
34
35 .sticky {
36 position: relative;
37 top: 100px;
38 background-color: green;
39 }
40 </style>
41 </head>
42 <body>
43 This test checks that sticky positioned elements are contained by their enclosin g ancestor with an overflow clip.
44 There should be no red.
45 <div id="overflow">
46 <div class="spacer"></div>
47
48 <div class="group" style="top: -120px">
49 <div class="container">
50 <div class="sticky box" style="top: 200px"></div>
51 </div>
52 </div>
53
54 <div class="group" style="top: -20px">
55 <div class="container">
56 <div class="sticky box" style="top: 120px"></div>
57 </div>
58 </div>
59
60 <div class="group" style="top: 120px">
61 <div class="container">
62 <div class="sticky box" style="top: 0"></div>
63 </div>
64 </div>
65 </div>
66 </body>
67 </html>
OLDNEW
« no previous file with comments | « LayoutTests/fast/css/sticky/sticky-top-overflow.html ('k') | Source/core/frame/FrameView.cpp » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698