Prevent all except pressable

Prevent default on all touchstart events except elements with the class "pressable". This allows to press elements without trigger scroll when pressing the card on mobile.

index.js

@@ -203,7 +203,7 @@ const TinderCard = React.forwardRef(
 
     React.useLayoutEffect(() => {
       element.current.addEventListener(('touchstart'), (ev) => {
-        if (ev.srcElement.className.includes('card') && ev.cancelable) {
+        if (!ev.srcElement.className.includes('pressable') && ev.cancelable) {
           ev.preventDefault()
         }
       })

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-tinder-card",
-  "version": "1.6.0",
+  "version": "1.6.1",
   "description": "A npm react module for making react elements swipeable like in the dating app tinder.",
   "repository": "3DJakob/react-tinder-card",
   "license": "MIT",

readme.md

@@ -68,6 +68,10 @@ The advanced example implements a state to dynamically remove swiped elements as
 
 Both Web code examples can be tested on the [demo page.](https://3djakob.github.io/react-tinder-card-demo/) The Native code examples can be cloned and runned using `expo start`.
 
+## Buttons inside a TinderCard
+
+If you want a pressable element inside a TinderCard you will need to add  `className="pressable"` for it to work properly on mobile. This is because touchstart events are normally prevent defaulted to avoid scrolling the page when dragging cards around.
+
 ## Props
 
 ### `flickOnSwipe`