| <!DOCTYPE html> |
| <link rel='stylesheet' type='text/css' href='touch-action-tests.css'> |
| <script src='touch-action-tests.js'></script> |
| |
| <!-- |
| Test a bunch of cases involving overflow: scroll elements. |
| --> |
| <div class='scroll' style='height:75px'> |
| <div class='ta-none' expected-action="none"> |
| touch-action: none still applies in scrollable area |
| </div> |
| <div class='spacer'></div> |
| </div> |
| |
| <div class='ta-none scroll' style='height:75px'> |
| <div expected-action='none'> |
| Touch-action inherited by child in scrollable area |
| </div> |
| <div class='spacer'></div> |
| </div> |
| |
| <div class='ta-none'> |
| <div class='scroll' expected-action='pan-x-y'> |
| Zoom (but not scroll) related touch-action bits propagate into overflow-scroll elements |
| </div> |
| </div> |
| |
| <div class='ta-manipulation'> |
| <div class='scroll' expected-action='manipulation'> |
| touch-action: manipulation is maintained across overflow-scroll elements |
| </div> |
| </div> |