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 |