diff --git a/CHANGELOG.md b/CHANGELOG.md
index cd8eb515..6763732b 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,9 @@
# Changelog
+### 4.4.4 (July 4, 2021)
+
+- Add `preventDefault` prop to allow touch scroll
+
### 4.4.3 (June 8, 2020)
- Add `nodeRef` to TypeScript definitions
diff --git a/README.md b/README.md
index 772ff368..aed795be 100644
--- a/README.md
+++ b/README.md
@@ -264,7 +264,12 @@ positionOffset: {x: number | string, y: number | string},
// Specifies the scale of the canvas your are dragging this element on. This allows
// you to, for example, get the correct drag deltas while you are zoomed in or out via
// a transform or matrix in the parent of this element.
-scale: number
+scale: number,
+
+// If set to false, the input event will not be default-prevented.
+// You should call `.preventDefault() `within the `onStart`, `onDrag`, and `onEnd` event handlers.
+// This allows for touch scrolling to work when the event originates on a draggable element.
+preventDefault: boolean
}
```
@@ -321,7 +326,8 @@ on itself and thus must have callbacks attached to be useful.
onDrag: DraggableEventHandler,
onStop: DraggableEventHandler,
onMouseDown: (e: MouseEvent) => void,
- scale: number
+ scale: number,
+ preventDefault: boolean
}
```
diff --git a/example/example.js b/example/example.js
index e5effe93..09783ffe 100644
--- a/example/example.js
+++ b/example/example.js
@@ -150,6 +150,11 @@ class App extends React.Component {
Both parent padding and child margin work properly.
+
+
+ I don't prevent touches from scrolling the container.
+