| <!DOCTYPE html> <!-- webkit-test-runner [ AsyncOverflowScrollingEnabled=true ] --> |
| <html> |
| <script> |
| if (window.testRunner) |
| testRunner.dumpAsText(); |
| </script> |
| <style> |
| .a { -webkit-overflow-scrolling: touch; } |
| .b .c { -webkit-overflow-scrolling: touch; } |
| #grouping > div:nth-of-type(n+3) { |
| } |
| |
| </style> |
| <div class=a> |
| <div id=test1></div> |
| </div> |
| <div id=test2></div> |
| |
| <div id=grouping> |
| <div class=b> |
| <div class=c id=test3> |
| </div> |
| </div> |
| <div class=b> |
| <div class=c id=test4> |
| </div> |
| </div> |
| </div> |
| |
| <script> |
| function test(e, p) { |
| var testDiv = document.getElementById(e); |
| var cssValue = window.getComputedStyle(testDiv).getPropertyCSSValue(p); |
| document.write(e + " " + p + ": " + cssValue.cssText + "<br>"); |
| } |
| |
| test('test1', '-webkit-overflow-scrolling'); |
| test('test2', '-webkit-overflow-scrolling'); |
| test('test3', '-webkit-overflow-scrolling'); |
| test('test4', '-webkit-overflow-scrolling'); |
| </script> |
| </html> |
