| OLD | NEW |
|---|
| 1 <!DOCTYPE> | 1 <!DOCTYPE> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <title>Creating composited layers for fixed position elements</title> | 4 <title>Creating composited layers for fixed position elements</title> |
| 5 | 5 |
| 6 <style type="text/css" media="screen"> | 6 <style type="text/css" media="screen"> |
| 7 #tall { | 7 #tall { |
| 8 height: 100px; | 8 height: 100px; |
| 9 } | 9 } |
| 10 | 10 |
| (...skipping 36 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 47 document.getElementById('layertree').innerText = layerTreeOutput; | 47 document.getElementById('layertree').innerText = layerTreeOutput; |
| 48 testRunner.dumpAsText(); | 48 testRunner.dumpAsText(); |
| 49 } | 49 } |
| 50 | 50 |
| 51 } | 51 } |
| 52 | 52 |
| 53 window.addEventListener("load", doTest, false); | 53 window.addEventListener("load", doTest, false); |
| 54 | 54 |
| 55 </script> | 55 </script> |
| 56 </head> | 56 </head> |
| 57 <body> | 57 |
| 58 <!-- Fixed position elements may skip compositing without a scrollable |
| 59 ancestor. To make sure this test covers the intended scenario, we have to force |
| 60 something (like the FrameView) to be scrolling, i.e. make a tall body element. -
-> |
| 61 <body style="height: 4000px;"> |
| 58 <!-- Fixed position element should get its own layer --> | 62 <!-- Fixed position element should get its own layer --> |
| 59 <pre id="layertree"></pre> | 63 <pre id="layertree"></pre> |
| 60 <div id="tall"></div> | 64 <div id="tall"></div> |
| 61 <div id="container"> | 65 <div id="container"> |
| 62 <div id="fixed"></div> | 66 <div id="fixed"></div> |
| 63 </div> | 67 </div> |
| 64 </body> | 68 </body> |
| 65 </html> | 69 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 13828004:
Avoid compositing fixed-position elements if they cannot scroll (Closed)
Base URL: svn://svn.chromium.org/blink/trunk