<!DOCTYPE html>
<link rel='stylesheet' type='text/css' href='touch-action-tests.css'>
<script src='touch-action-tests.js'></script>

<!-- 
     Test a bunch of cases involving iframes.
-->
<iframe srcdoc="
  <div style='touch-action: none;' expected-action='none'>
    touch-action: none still applies inside an iframe
  </div>
"></iframe>

<iframe style='touch-action: none;' srcdoc="
  <div expected-action='pan-x-y'>
    Zoom (but not scroll) related touch-action bits propagate into iframes
  </div>
"></iframe>

<iframe style='touch-action: manipulation;' srcdoc="
  <div expected-action='manipulation'>
      touch-action: manipulation is maintained across iframes
  </div>
"></iframe>