diff --git a/lib/timeline/component/item/Item.js b/lib/timeline/component/item/Item.js
index 2ddb92eaa4..bd71e58371 100644
--- a/lib/timeline/component/item/Item.js
+++ b/lib/timeline/component/item/Item.js
@@ -205,7 +205,11 @@ class Item {
           item: me.id
         });
       });
-      this.hammerDragCenter.on('panstart', me.parent.itemSet._onDragStart.bind(me.parent.itemSet));
+      this.hammerDragCenter.on('panstart', event => {
+        // do not allow this event to propagate to the Range
+        event.stopPropagation();
+        me.parent.itemSet._onDragStart(event);
+      })
       this.hammerDragCenter.on('panmove',  me.parent.itemSet._onDrag.bind(me.parent.itemSet));
       this.hammerDragCenter.on('panend',   me.parent.itemSet._onDragEnd.bind(me.parent.itemSet));