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 shadow DOM. 7--> 8<div shadow-host></div> 9<div make-shadow-dom> 10 <div expected-action='auto'> 11 Default touch-action is still auto inside shadow DOM 12 </div> 13</div> 14 15<div shadow-host></div> 16<div make-shadow-dom> 17 <div class='ta-none' expected-action='none'> 18 touch-action: none still applies inside shadow DOM 19 </div> 20</div> 21 22<div class='ta-none' shadow-host></div> 23<div make-shadow-dom> 24 <div expected-action='none'> 25 touch-action: none applies across shadow DOM boundary 26 </div> 27</div> 28 29<div shadow-host> 30 <div expected-action='none'> 31 touch-action: none applies as part of projection 32 </div> 33</div> 34<div make-shadow-dom> 35 <div class='ta-none'> 36 <content></content> 37 </div> 38</div> 39 40