| <!DOCTYPE html> |
| <style> |
| #heightChange { |
| vertical-align: 10%; |
| height: 200px; |
| display: inline-block; |
| } |
| #scroller { |
| overflow: scroll; |
| position: absolute; |
| padding-bottom: 101%; |
| transform: scale(0.9); |
| height: 10px; |
| } |
| #text { |
| vertical-align: 10%; |
| } |
| </style> |
| <div id="heightChange"></div> |
| <div id="scroller"><span id="text">PASS</span></div> |
| <!-- Tests the property tree update in the presence of transformed scroll height |
| subpixel snapping. It passes if it does not crash. --> |
| <script> |
| if (testRunner) |
| testRunner.dumpAsText(); |
| requestAnimationFrame(function() { |
| heightChange.style.height = '0'; |
| }); |
| </script> |