| <!DOCTYPE html> |
| <script src="../../resources/run-after-layout-and-paint.js"></script> |
| <script> |
| onload = function() { |
| runAfterLayoutAndPaint(function() { |
| scroller.style.background = "green local content-box"; |
| }, true); |
| }; |
| </script> |
| <style> |
| #scroller { |
| background: transparent local content-box; |
| border: 10px solid rgba(0, 255, 0, 0.5); |
| contain: paint; |
| overflow: scroll; |
| width: 200px; |
| height: 200px; |
| } |
| .spacer { |
| height: 300px; |
| } |
| </style> |
| <div id="scroller"><div class="spacer"></div></div> |
| <p>Scroller background should be green</p> |
| |