OLD | NEW |
| (Empty) |
1 <!DOCTYPE html> | |
2 <link rel='stylesheet' type='text/css' href='touch-action-tests.css'> | |
3 <script src='touch-action-tests.js'></script> | |
4 | |
5 <!-- | |
6 Test a bunch of complex cases where touch-action: [pan-x ||pan-y]. | |
7 --> | |
8 | |
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> | |
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> | |
13 | |
14 <div class='ta-none' style='height: 0; margin-bottom: 50px'> | |
15 <div class='ta-panx' expected-action='none'> | |
16 Explicitly setting touch-action: pan-x does nothing to prevent propagation o
f none | |
17 </div> | |
18 </div> | |
19 | |
20 <div class='ta-pany'> | |
21 <div class='ta-none' expected-action='none'> | |
22 Explicitly setting touch-action: none prevent propagation of pan-y | |
23 </div> | |
24 </div> | |
25 | |
26 <div class='ta-panx'> | |
27 <div class='ta-pany' expected-action='none'> | |
28 Disjoint flags intersect to none | |
29 </div> | |
30 </div> | |
31 | |
32 <div class='ta-panxy'> | |
33 <div class='ta-auto' expected-action='pan-x-y'> | |
34 Explicitly setting touch-action: auto does nothing to prevent propagation of
'pan-x pan-y' | |
35 </div> | |
36 </div> | |
37 | |
38 <div class='ta-panx'> | |
39 <div class='ta-panxy' expected-action='pan-x'> | |
40 Explicitly setting touch-action: pan-x pan-y does nothing to prevent propaga
tion of pan-x | |
41 </div> | |
42 </div> | |
43 | |
44 <div class='ta-panx'> | |
45 <div class='ta-auto'> | |
46 <div class='ta-pany' expected-action='none'> | |
47 Disjoint flags intersect to none | |
48 </div> | |
49 </div> | |
50 </div> | |
51 | |
52 <div class='ta-panx'> | |
53 <div class='scroll ta-pany' expected-action='pan-y'> | |
54 Touch-action: pan-x is not propagated into overflow-scroll elements | |
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> | |
68 </div> | |
OLD | NEW |