title: Android webview: prevent touch gestures being passed to parent viewpager
body: <p>I have a viewpager that contains many child views; each child view is a webview. Each webview has some HTML objects that user can interact with; for instance, a slideshow that works on swipe gestures or a draggable circle that user can move around the HTML canvas.</p>
  
  <p>The problem is when user performs a gesture on these HTML objects, the viewpager scrolls to next view. I want the HTML objects to work when user interacts with them (viewpager doesn't scroll), and the viewpager to scroll when user swipes elsewhere. How can I do that?</p>
  
  <p><img src="https://i.stack.imgur.com/nMJo7.png" alt="Webviews inside Viewpager"></p>
  
  <p>P.S. I have used <code>event.preventDefault()</code> and <code>event.stopPropagation()</code> in the JavaScript of the HTML slideshow with hope that the webview would not pass touch events to parent viewpager.</p>