| OLD | NEW |
|---|
| 1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
| 2 <!-- | 2 <!-- |
| 3 This test ensures that the offset from renderer is correctly applied | 3 This test ensures that the offset from renderer is correctly applied |
| 4 to reparented overflow controls, even if they are unclipped. | 4 to reparented overflow controls, even if they are unclipped. |
| 5 --> | 5 --> |
| 6 <style> | 6 <style> |
| 7 #scroller { | 7 #scroller { |
| 8 overflow: scroll; | 8 overflow: scroll; |
| 9 width: 300px; | 9 width: 300px; |
| 10 height: 300px; | 10 height: 300px; |
| 11 position: relative; | 11 position: relative; |
| 12 top: 10px; | 12 top: 10px; |
| 13 } | 13 } |
| 14 | 14 |
| 15 #fixed { | 15 #fixed { |
| 16 position: fixed; | 16 position: fixed; |
| 17 background: blue; | 17 background: blue; |
| 18 left: 90px; | 18 left: 90px; |
| 19 width: 10px; | 19 width: 10px; |
| 20 height: 10px; | 20 height: 10px; |
| 21 } | 21 } |
| 22 | 22 |
| 23 #scrolled { | 23 #scrolled { |
| 24 position: relative; | 24 position: relative; |
| 25 background: green; | 25 background: green; |
| 26 width: 80px; | 26 width: 80px; |
| 27 height: 500px; | 27 height: 500px; |
| 28 } | 28 } |
| 29 </style> | 29 </style> |
| 30 <div style="z-index: 1; position: absolute"></div> |
| 31 <div style="z-index: 0; perspective: 1000px; position: absolute;"> |
| 32 <div id='scroller'> |
| 33 <div id='fixed'></div> |
| 34 <div id='scrolled'></div> |
| 35 </div> |
| 36 </div> |
| 30 <script> | 37 <script> |
| 38 // Check that a case with a reparented overflow control and a containing perspec
tive node |
| 39 // paints the same with and without layer squashing. |
| 31 if (window.internals) { | 40 if (window.internals) { |
| 32 window.internals.settings.setOverlayScrollbarsEnabled(true); | 41 window.internals.settings.setOverlayScrollbarsEnabled(true); |
| 33 window.internals.settings.setPreferCompositingToLCDTextEnabled(true); | 42 window.internals.settings.setPreferCompositingToLCDTextEnabled(true); |
| 43 window.internals.settings.setLayerSquashingEnabled(true); |
| 34 } | 44 } |
| 35 </script> | 45 </script> |
| 36 <div id='scroller'> | |
| 37 <div id='fixed'></div> | |
| 38 <div id='scrolled'></div> | |
| 39 </div> | |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 497153003:
Fix squashing to treat perspective and preserve3d elements as transform ancestors. (Closed)
Base URL: svn://svn.chromium.org/blink/trunk