OLD | NEW |
1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
2 <!-- | 2 <!-- |
3 This test ensures that reflected overlay scrollbars still render correctly | 3 This test ensures that reflected overlay scrollbars still render correctly |
4 when reflected. | 4 when reflected. |
5 --> | 5 --> |
6 <style> | 6 <style> |
7 #container { | 7 #container { |
8 -webkit-box-reflect: below; | 8 -webkit-box-reflect: below; |
9 } | 9 } |
10 | 10 |
(...skipping 12 matching lines...) Expand all Loading... |
23 } | 23 } |
24 | 24 |
25 | 25 |
26 #fixed { | 26 #fixed { |
27 width: 10px; | 27 width: 10px; |
28 height: 10px; | 28 height: 10px; |
29 position: fixed; | 29 position: fixed; |
30 left: 200px; | 30 left: 200px; |
31 background: blue; | 31 background: blue; |
32 /* Without this, when _not_ composited, the reflected scrollbar disappears.
See crbug.com/396775 */ | 32 /* Without this, when _not_ composited, the reflected scrollbar disappears.
See crbug.com/396775 */ |
33 -webkit-transform: translateZ(0); | 33 transform: translateZ(0); |
34 } | 34 } |
35 | 35 |
36 #scrolled { | 36 #scrolled { |
37 width: 100px; | 37 width: 100px; |
38 height: 300px; | 38 height: 300px; |
39 background: green; | 39 background: green; |
40 } | 40 } |
41 </style> | 41 </style> |
42 <script> | 42 <script> |
43 if (window.internals) { | 43 if (window.internals) { |
(...skipping 10 matching lines...) Expand all Loading... |
54 }; | 54 }; |
55 </script> | 55 </script> |
56 <div id="container"> | 56 <div id="container"> |
57 <div id="clipper"> | 57 <div id="clipper"> |
58 <div id="scroller"> | 58 <div id="scroller"> |
59 <div id="fixed"></div> | 59 <div id="fixed"></div> |
60 <div id="scrolled"></div> | 60 <div id="scrolled"></div> |
61 </div> | 61 </div> |
62 </div> | 62 </div> |
63 </div> | 63 </div> |
OLD | NEW |