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 simple cases where touch-action: none results in a non-fast
-scrollable region. | |
7 --> | |
8 | |
9 <div expected-action='auto'>Simple div with no explicit touch-action</div> | |
10 <div class='ta-none' expected-action='none'>Simple div with touch-action: none</
div> | |
11 | |
12 <div class='ta-none' style='height: 0; margin-bottom: 50px'> | |
13 <div expected-action='none'> | |
14 Touch-action: none is propagated to descendants | |
15 </div> | |
16 </div> | |
17 | |
18 <div class='ta-none' style='height: 0; margin-bottom: 50px'> | |
19 <div class='ta-auto' expected-action='none'> | |
20 Explicitly setting touch-action: auto does nothing to prevent propagation of
none | |
21 </div> | |
22 </div> | |
23 | |
24 <div class='ta-none' style='height: 0; margin-bottom: 50px'> | |
25 <span expected-action='none' style='display:inline-block'> | |
26 touch-action should be inherited by inline-block elements | |
27 </span> | |
28 </div> | |
29 | |
30 <div class='ta-none' style='height: 0; margin-bottom: 50px'> | |
31 <span expected-action='none' style='display:table-cell'> | |
32 touch-action should be inherited by table-cell elements | |
33 </span> | |
34 </div> | |
35 | |
36 <div style='padding: 20px 0'> | |
37 <span class='ta-none' expected-action='auto'>Touch-action should be ignored on
inline elements | |
38 <div expected-action='auto'>And not propagated to any block children</div> | |
39 </span> | |
40 </div> | |
41 | |
42 <div class='ta-none' style='height: 0; margin-bottom: 100px'> | |
43 <span expected-action='none'> | |
44 touch-action should be inherited by inline elements.<br>Note this is differe
nt than IE (http://crbug.com/380203) | |
45 </span> | |
46 </div> | |
47 | |
48 <div class='ta-none' style='height: 0; margin-bottom: 100px'> | |
49 <span> | |
50 <div expected-action='none'>touch-action should be inherited by any block de
scendants of inline elements</div> | |
51 </span> | |
52 </div> | |
53 | |
54 <svg class='ta-none' expected-action='none' style="height: 50px" xmlns="http://w
ww.w3.org/2000/svg"> | |
55 touch-action should be inherited by svg root element | |
56 </svg> | |
57 | |
58 <div class='ta-none' style='height: 0; margin-bottom: 50px'> | |
59 <svg expected-action='none' xmlns="http://www.w3.org/2000/svg" height="100%"> | |
60 touch-action should be inherited by svg root element | |
61 </svg> | |
62 </div> | |
63 | |
64 <div> | |
65 <img class='ta-none' expected-action='none' src='white-1x1.png'></img> | |
66 touch-action should be applicable to img element | |
67 </div> | |
68 | |
69 <div class='ta-none' style='height: 0; margin-bottom: 100px'> | |
70 <img expected-action='none' src='white-1x1.png'></img> | |
71 touch-action should be inherited by img element | |
72 </div> | |
73 | |
74 <table style='margin-left: 15px; margin-bottom: 50px'> | |
75 <tr class='ta-none'> <td expected-action='auto'>Test Cell</td> </tr> | |
76 </table> | |
77 | |
78 <table style='margin-left: 15px'> | |
79 <colgroup> | |
80 <col class='ta-none'> | |
81 </colgroup> | |
82 <tr> <td expected-action='auto'>Test Cell</td> </tr> | |
83 </table> | |
OLD | NEW |