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 simple cases where touch-action: none results in a non-fast -scrollable region. | 6 Test a bunch of simple cases where touch-action: none results in a non-fast -scrollable region. |
7 --> | 7 --> |
8 | 8 |
9 <div expected-action='auto'>Simple div with no explicit touch-action</div> | 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> | 10 <div class='ta-none' expected-action='none'>Simple div with touch-action: none</ div> |
(...skipping 38 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
49 <span> | 49 <span> |
50 <div expected-action='none'>touch-action should be inherited by any block de scendants of inline elements</div> | 50 <div expected-action='none'>touch-action should be inherited by any block de scendants of inline elements</div> |
51 </span> | 51 </span> |
52 </div> | 52 </div> |
53 | 53 |
54 <svg class='ta-none' expected-action='none' style="height: 50px" xmlns="http://w ww.w3.org/2000/svg"> | 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 | 55 touch-action should be inherited by svg root element |
56 </svg> | 56 </svg> |
57 | 57 |
58 <div class='ta-none' style='height: 0; margin-bottom: 50px'> | 58 <div class='ta-none' style='height: 0; margin-bottom: 50px'> |
59 <svg expected-action='none' xmlns="http://www.w3.org/2000/svg"> | 59 <svg expected-action='none' xmlns="http://www.w3.org/2000/svg" height="100%"> |
eseidel
2014/04/18 16:12:49
Why is this needed? height=100% is default for SV
davve
2014/04/18 17:24:32
See reply to other issue. Height should not 100% b
| |
60 touch-action should be inherited by svg root element | 60 touch-action should be inherited by svg root element |
61 </svg> | 61 </svg> |
62 </div> | 62 </div> |
63 | 63 |
64 <div> | 64 <div> |
65 <img class='ta-none' expected-action='none' src='white-1x1.png'></img> | 65 <img class='ta-none' expected-action='none' src='white-1x1.png'></img> |
66 touch-action should be applicable to img element | 66 touch-action should be applicable to img element |
67 </div> | 67 </div> |
68 | 68 |
69 <div class='ta-none' style='height: 0; margin-bottom: 100px'> | 69 <div class='ta-none' style='height: 0; margin-bottom: 100px'> |
70 <img expected-action='none' src='white-1x1.png'></img> | 70 <img expected-action='none' src='white-1x1.png'></img> |
71 touch-action should be inherited by img element | 71 touch-action should be inherited by img element |
72 </div> | 72 </div> |
73 | 73 |
74 <table style='margin-left: 15px; margin-bottom: 50px'> | 74 <table style='margin-left: 15px; margin-bottom: 50px'> |
75 <tr class='ta-none'> <td expected-action='auto'>Test Cell</td> </tr> | 75 <tr class='ta-none'> <td expected-action='auto'>Test Cell</td> </tr> |
76 </table> | 76 </table> |
77 | 77 |
78 <table style='margin-left: 15px'> | 78 <table style='margin-left: 15px'> |
79 <colgroup> | 79 <colgroup> |
80 <col class='ta-none'> | 80 <col class='ta-none'> |
81 </colgroup> | 81 </colgroup> |
82 <tr> <td expected-action='auto'>Test Cell</td> </tr> | 82 <tr> <td expected-action='auto'>Test Cell</td> </tr> |
83 </table> | 83 </table> |
OLD | NEW |