third_party/WebKit/Source/web/tests/data/textbox_in_touch_action.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <style>
   5       body {
   6         width: 2000px;
   7         height: 2000px;
   8       }
   9
  10       .box {
  11         position: absolute;
  12         padding: 20px;
  13         left: 200px;
  14         background-color: red;
  15         width: 200px;
  16         height: 50px;
  17       }
  18
  19       .touch-action-pan {
  20         touch-action: pan-x;
  21       }
  22
  23       .touch-action-manipulation {
  24         touch-action: manipulation;
  25       }
  26     </style>
  27   </head>
  28
  29   <body>
  30     <div>
  31       <div class="touch-action-pan box" style="top: 200px">
  32         This box has touch-action: pan-x
  33         <input type="text">
  34       </div>
  35
  36       <div class="touch-action-manipulation box" style="top: 300px">
  37         This box has touch-action: manipulation
  38         <input type="text">
  39       </div>
  40
  41       <div class="touch-action-pan box" style="top: 400px">
  42         This box has touch-action: pan-x but is in a scroller
  43         <div style="width:100px; height:30px; overflow:scroll">
  44           <input type="text">
  45         </div>
  46       </div>
  47     </div>
  48   </body>
  49 </html>