| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <link rel='stylesheet' type='text/css' href='touch-action-tests.css'> | 2 <link rel='stylesheet' type='text/css' href='touch-action-tests.css'> |
| 3 <script src='touch-action-tests.js'></script> | 3 <script src='touch-action-tests.js'></script> |
| 4 | 4 |
| 5 <!-- | 5 <!-- |
| 6 Test a bunch of cases involving overflow: scroll elements. | 6 Test a bunch of cases involving overflow: scroll elements. |
| 7 --> | 7 --> |
| 8 <div class='scroll' style='height:75px'> | 8 <div class='scroll' style='height:75px'> |
| 9 <div class='ta-none' expected-action="none"> | 9 <div class='ta-none' expected-action="none"> |
| 10 touch-action: none still applies in scrollable area | 10 touch-action: none still applies in scrollable area |
| 11 </div> | 11 </div> |
| 12 <div class='spacer'></div> | 12 <div class='spacer'></div> |
| 13 </div> | 13 </div> |
| 14 | 14 |
| 15 <div class='ta-none scroll' style='height:75px'> | 15 <div class='ta-none scroll' style='height:75px'> |
| 16 <div expected-action='none'> | 16 <div expected-action='none'> |
| 17 Touch-action inherited by child in scrollable area | 17 Touch-action inherited by child in scrollable area |
| 18 </div> | 18 </div> |
| 19 <div class='spacer'></div> | 19 <div class='spacer'></div> |
| 20 </div> | 20 </div> |
| 21 | 21 |
| 22 <div class='ta-none'> | 22 <div class='ta-none'> |
| 23 <div class='scroll' expected-action='auto'> | 23 <div class='scroll' expected-action='pan-x-y'> |
| 24 Touch-action: none is not propagated into overflow-scroll elements | 24 Zoom (but not scroll) related touch-action bits propagate into overflow-scro
ll elements |
| 25 </div> | 25 </div> |
| 26 </div> | 26 </div> |
| 27 |
| 28 <div class='ta-manipulation'> |
| 29 <div class='scroll' expected-action='manipulation'> |
| 30 touch-action: manipulation is maintained across overflow-scroll elements |
| 31 </div> |
| 32 </div> |
| OLD | NEW |