| <!DOCTYPE html> |
| <style> |
| #redundant { |
| height: 1px; |
| scroll-blocks-on: wheel-event; |
| } |
| #addScroll { |
| height: 2px; |
| scroll-blocks-on: start-touch scroll-event; |
| } |
| #none { |
| height: 3px; |
| scroll-blocks-on: none; |
| } |
| </style> |
| <div id=redundant></div> |
| <div id=addScroll></div> |
| <div id=none></div> |
| <script> |
| if (window.testRunner) { |
| testRunner.dumpAsText(); |
| var output = "Verifies that setting the scroll-blocks-on property in a stylesheet creates layers with the correct modes only when it's greater than the defaults on the root. In this case, only 'addScroll' should get a layer.\n\n"; |
| output += internals.layerTreeAsText(document, internals.LAYER_TREE_INCLUDES_SCROLL_BLOCKS_ON); |
| testRunner.setCustomTextOutput(output); |
| } |
| </script> |