third_party/WebKit/Source/web/tests/data/touch-action-shadow-dom.html

   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