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 cases involving overflow: scroll elements. 7--> 8<div class='scroll' style='height:75px'> 9 <div class='ta-none' expected-action="none"> 10 touch-action: none still applies in scrollable area 11 </div> 12 <div class='spacer'></div> 13</div> 14 15<div class='ta-none scroll' style='height:75px'> 16 <div expected-action='none'> 17 Touch-action inherited by child in scrollable area 18 </div> 19 <div class='spacer'></div> 20</div> 21 22<div class='ta-none'> 23 <div class='scroll' expected-action='auto'> 24 Touch-action: none is not propagated into overflow-scroll elements 25 </div> 26</div> 27