title: How to prevent swiping on certain are of the slide using swiperjs
body: <p>We are using <a href="https://swiperjs.com/swiper-api" rel="nofollow noreferrer"><code>swiperjs</code></a> for slide. It is working great but we have <code>input</code> inside the slide and it is very hard to fill up the input if users can actually swipe on those. Im wondering if there is a way to prevent the slider sliding if user touchstart on an input.</p>
  <p>This is how we init the slider:</p>
  <pre><code>new Swiper('.slider', {
    resistance: true,
    resistanceRatio: 25,
  });
  </code></pre>
  <p>The HTML inside the slides includes</p>
  <pre><code>&lt;input type=&quot;text&quot;&gt;
  &lt;input type='range' min='0' max='11'&gt;
  </code></pre>