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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/fast/css/sticky/sticky-vertically-overconstrained.html

Issue 267063007: Fix overconstrained behaviour for position: sticky. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Updated by review comments. Created 6 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 | « LayoutTests/fast/css/sticky/sticky-horizontally-overconstrained-rtl-expected.html ('k') | LayoutTests/fast/css/sticky/sticky-vertically-overconstrained-expected.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 2
3 <html> 3 <html>
4 <head> 4 <head>
5 <style> 5 <style>
6 body { 6 body {
7 margin: 0; 7 margin: 0;
8 height: 2000px; 8 height: 2000px;
9 overflow: hidden; /* hide scrollbars */ 9 overflow: hidden; /* hide scrollbars */
10 } 10 }
(...skipping 12 matching lines...) Expand all
23 } 23 }
24 24
25 .box { 25 .box {
26 width: 200px; 26 width: 200px;
27 height: 200px; 27 height: 200px;
28 } 28 }
29 29
30 .sticky { 30 .sticky {
31 position: sticky; 31 position: sticky;
32 top: 100px; 32 top: 100px;
33 bottom: 500px;
33 background-color: green; 34 background-color: green;
34 } 35 }
35 36
36 .indicator { 37 .indicator {
37 position: absolute; 38 position: absolute;
38 top: 0; 39 top: 0;
39 left: 0; 40 left: 0;
40 background-color: red; 41 background-color: red;
41 } 42 }
42 </style> 43 </style>
(...skipping 19 matching lines...) Expand all
62 <div class="sticky box"></div> 63 <div class="sticky box"></div>
63 </div> 64 </div>
64 </div> 65 </div>
65 66
66 <div class="group" style="top: 200px"> 67 <div class="group" style="top: 200px">
67 <div class="indicator box" style="top: 0;"></div> 68 <div class="indicator box" style="top: 0;"></div>
68 <div class="container"> 69 <div class="container">
69 <div class="sticky box"></div> 70 <div class="sticky box"></div>
70 </div> 71 </div>
71 </div> 72 </div>
73 <div style="position: absolute; top: 620px;">
74 This test checks that sticky positioned table theads are contained by th eir table.
75 There should be no red.
76 </div>
72 </body> 77 </body>
73 </html> 78 </html>
OLDNEW
« no previous file with comments | « LayoutTests/fast/css/sticky/sticky-horizontally-overconstrained-rtl-expected.html ('k') | LayoutTests/fast/css/sticky/sticky-vertically-overconstrained-expected.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698