Я пытаюсь реализовать перетаскивание элементов с помощью библиотеки жестов Zingtouch. Вот фрагмент:

//Define elements const container = document.getElementById('container') const draggable = document.getElementById('draggable') // Create a region const region = ZingTouch.Region(container) // Add Pan gesture const pan = new ZingTouch.Pan() // Save element coordinates on Pan start const draggingData = {} const startPan = pan.start pan.start = function(inputs) { draggingData.x = inputs[0].current.x draggingData.y = inputs[0].current.y startPan.call(this, inputs) } // Bind an element to a gesture region.bind(draggable, pan, function(e) { const event = e.detail.events[0] this.style.transform = `translateX(${event.x - draggingData.x}px) translateY(${event.y - draggingData.y}px)` }) 
 #container { width: 100vw; height: 100vh; background-color: #eee; position: relative; } #draggable { width: 150px; height: 50px; background-color: yellow; position: absolute; top: 0; left: 0; } 
 {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/zingtouch/1.0.6/zingtouch.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;div id="container"{amp}gt; {amp}lt;div id="draggable"{amp}gt; drag me around {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; 

Этот подход, кажется, работает хорошо, за исключением того, что он внезапно перестает работать после перетаскивания элемента до определенной точки. Не выдается ошибка, она просто перестает перетаскивать. Что мне здесь не хватает?