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 different 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 descendants of inline elements</div> 51 </span> 52</div> 53 54<svg class='ta-none' expected-action='none' style="height: 50px" xmlns="http://www.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> 84
