| 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 |