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

Side by Side Diff: third_party/WebKit/LayoutTests/compositing/overflow/composited-sticky-element-stacking-context.html

Issue 2765503003: Fix position:sticky location bug when scroller is not a stacking context (Closed)
Patch Set: Add DCHECK, whitespace fix Created 3 years, 9 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 <script> 1 <script>
2 onload = function() { 2 onload = function() {
3 scroller.scrollTop = 100; 3 scroller.scrollTop = 100;
4 } 4 }
5 </script> 5 </script>
6 <style> 6 <style>
7 .composited { 7 .composited {
8 /* Triggers promotion and creates a stacking context */
8 will-change: transform; 9 will-change: transform;
9 } 10 }
10 11
11 #scroller { 12 #scroller {
12 height: 200px; 13 height: 200px;
13 overflow: auto; 14 overflow: auto;
14 width: 200px; 15 width: 200px;
15 } 16 }
16 17
17 .sticky { 18 .sticky {
18 position: sticky; 19 position: sticky;
19 top: 0; 20 top: 0;
20 height: 50px; 21 height: 50px;
21 background: green; 22 background: green;
22 } 23 }
23 .spacer { 24 .spacer {
24 height: 2000px; 25 height: 2000px;
25 } 26 }
26 </style> 27 </style>
27 <div id="scroller" class="composited"> 28 <div id="scroller" class="composited">
28 <div class="composited sticky"></div> 29 <div class="composited sticky"></div>
29 <div class="spacer"></div> 30 <div class="spacer"></div>
30 </div> 31 </div>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698