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 complex cases where touch-action: [pan-x ||pan-y]. | 6 Test a bunch of complex cases where touch-action: [pan-x ||pan-y]. |
7 --> | 7 --> |
8 | 8 |
9 <div class='ta-panx' expected-action='pan-x'>Simple div with touch-action: pan-x
</div> | 9 <div class='ta-panx' expected-action='pan-x'>Simple div with touch-action: pan-x
</div> |
10 <div class='ta-pany' expected-action='pan-y'>Simple div with touch-action: pan-y
</div> | 10 <div class='ta-pany' expected-action='pan-y'>Simple div with touch-action: pan-y
</div> |
11 <div class='ta-panxy' expected-action='pan-x-y'>Simple div with touch-action: pa
n-x pan-y</div> | 11 <div class='ta-panxy' expected-action='pan-x-y'>Simple div with touch-action: pa
n-x pan-y</div> |
| 12 <div class='ta-manipulation' expected-action='manipulation'>Simple div with touc
h-action: manipulation</div> |
12 | 13 |
13 <div class='ta-none' style='height: 0; margin-bottom: 50px'> | 14 <div class='ta-none' style='height: 0; margin-bottom: 50px'> |
14 <div class='ta-panx' expected-action='none'> | 15 <div class='ta-panx' expected-action='none'> |
15 Explicitly setting touch-action: pan-x does nothing to prevent propagation o
f none | 16 Explicitly setting touch-action: pan-x does nothing to prevent propagation o
f none |
16 </div> | 17 </div> |
17 </div> | 18 </div> |
18 | 19 |
19 <div class='ta-pany'> | 20 <div class='ta-pany'> |
20 <div class='ta-none' expected-action='none'> | 21 <div class='ta-none' expected-action='none'> |
21 Explicitly setting touch-action: none prevent propagation of pan-y | 22 Explicitly setting touch-action: none prevent propagation of pan-y |
(...skipping 23 matching lines...) Expand all Loading... |
45 <div class='ta-pany' expected-action='none'> | 46 <div class='ta-pany' expected-action='none'> |
46 Disjoint flags intersect to none | 47 Disjoint flags intersect to none |
47 </div> | 48 </div> |
48 </div> | 49 </div> |
49 </div> | 50 </div> |
50 | 51 |
51 <div class='ta-panx'> | 52 <div class='ta-panx'> |
52 <div class='scroll ta-pany' expected-action='pan-y'> | 53 <div class='scroll ta-pany' expected-action='pan-y'> |
53 Touch-action: pan-x is not propagated into overflow-scroll elements | 54 Touch-action: pan-x is not propagated into overflow-scroll elements |
54 </div> | 55 </div> |
| 56 </div> |
| 57 |
| 58 <div class='ta-panx'> |
| 59 <div class='ta-manipulation' expected-action='pan-x'> |
| 60 Explicitly setting touch-action: manipulation does nothing to prevent propag
ation of 'pan-x' |
| 61 </div> |
| 62 </div> |
| 63 |
| 64 <div class='ta-manipulation'> |
| 65 <div class='ta-auto' expected-action='manipulation'> |
| 66 Explicitly setting touch-action: auto does nothing to prevent propagation of
'manipulation' |
| 67 </div> |
55 </div> | 68 </div> |
OLD | NEW |