OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <html> |
| 3 <head> |
| 4 <link rel="stylesheet" type="text/css" href="touch-action-tests.css"/> |
| 5 <script src=touch-action-tests.js></script> |
| 6 </head> |
| 7 <body> |
| 8 |
| 9 <!-- |
| 10 Test a bunch of simple cases where touch-action: none results in a non-fast
-scrollable region. |
| 11 --> |
| 12 |
| 13 <div expected-action='auto'>Simple div with no explicit touch-action</div> |
| 14 <div class='ta-none' expected-action='none'>Simple div with touch-action: none
</div> |
| 15 |
| 16 <div class='ta-none' style='height: 0; margin-bottom: 50px'> |
| 17 <div expected-action='none'> |
| 18 Touch-action: none is propagated to descendants |
| 19 </div> |
| 20 </div> |
| 21 |
| 22 <div class='ta-none' style='height: 0; margin-bottom: 50px'> |
| 23 <div class='ta-auto' expected-action='none'> |
| 24 Explicitly setting touch-action: auto does nothing to prevent propagation
of none |
| 25 </div> |
| 26 </div> |
| 27 |
| 28 <div style='padding: 20px 0'> |
| 29 <span class='ta-none' expected-action='auto'>Touch-action should be ignored
on inline elements |
| 30 <div expected-action='auto'>And not propagated to any block children</div> |
| 31 </span> |
| 32 </div> |
| 33 <p>Below case is broken, should be AUTO - <a href=http://crbug.com/319479>Bug
319479</a></p> |
| 34 <div class='ta-none' style='height: 0; margin-bottom: 100px'> |
| 35 <span expected-action='none'> |
| 36 touch-action should not be inherited by inline elements |
| 37 <div expected-action='none'>But is inherited by any block descendants of t
hem</div> |
| 38 </span> |
| 39 </div> |
| 40 </body> |
| 41 </html> |
| 42 |
OLD | NEW |