OLD | NEW |
1 <style type="text/css"> | 1 <style type="text/css"> |
2 .first { | 2 .first { |
3 height:400px; | 3 height:400px; |
4 background-color: red; | 4 background-color: red; |
5 -webkit-transform: translateZ(0); | 5 transform: translateZ(0); |
6 } | 6 } |
7 | 7 |
8 .second { | 8 .second { |
9 left: 100px; | 9 left: 100px; |
10 bottom: 0px; | 10 bottom: 0px; |
11 background-color:blue; | 11 background-color:blue; |
12 width:7px; | 12 width:7px; |
13 height:562px; | 13 height:562px; |
14 position: absolute; -webkit-transform: translateX(0) | 14 position: absolute; transform: translateX(0) |
15 } | 15 } |
16 | 16 |
17 .outer { | 17 .outer { |
18 overflow: scroll; | 18 overflow: scroll; |
19 /* FIXME: make this height: 500px to expose another bug */ | 19 /* FIXME: make this height: 500px to expose another bug */ |
20 height: 600px; | 20 height: 600px; |
21 width: 500px; | 21 width: 500px; |
22 position: absolute; | 22 position: absolute; |
23 bottom:10px; | 23 bottom:10px; |
24 background-color: grey; | 24 background-color: grey; |
25 } | 25 } |
26 </style> | 26 </style> |
27 <div class="outer"> | 27 <div class="outer"> |
28 <div class="first"> </div> | 28 <div class="first"> </div> |
29 <div class="second"> </div> | 29 <div class="second"> </div> |
30 </div> | 30 </div> |
31 <script> | 31 <script> |
32 if (window.internals) | 32 if (window.internals) |
33 window.internals.settings.setLayerSquashingEnabled(true); | 33 window.internals.settings.setLayerSquashingEnabled(true); |
34 </script> | 34 </script> |
OLD | NEW |