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 21 matching lines...) Expand all Loading... |
32 touch-action should be inherited by table-cell elements | 32 touch-action should be inherited by table-cell elements |
33 </span> | 33 </span> |
34 </div> | 34 </div> |
35 | 35 |
36 <div style='padding: 20px 0'> | 36 <div style='padding: 20px 0'> |
37 <span class='ta-none' expected-action='auto'>Touch-action should be ignored on
inline elements | 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> | 38 <div expected-action='auto'>And not propagated to any block children</div> |
39 </span> | 39 </span> |
40 </div> | 40 </div> |
41 | 41 |
42 <div class='ta-none' style='height: 0; margin-bottom: 50px'> | 42 <div class='ta-none' style='height: 0; margin-bottom: 100px'> |
43 <span expected-action='auto'> | 43 <span expected-action='none'> |
44 touch-action should not be inherited by inline elements | 44 touch-action should be inherited by inline elements.<br>Note this is differe
nt than IE (http://crbug.com/380203) |
45 </span> | 45 </span> |
46 </div> | 46 </div> |
47 | 47 |
48 <div class='ta-none' style='height: 0; margin-bottom: 100px'> | 48 <div class='ta-none' style='height: 0; margin-bottom: 100px'> |
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"> |
(...skipping 19 matching lines...) Expand all Loading... |
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 |