Framer JS draggable inside scrollVertical Layer (works on desktop, does not work on mobile)

app.coffee

bg = new BackgroundLayer backgroundColor:"black"

scroll_panel = new Layer
	height: bg.height
	width: bg.width
	backgroundColor: "transparent"
scroll_panel.scrollVertical = true

scroll_content = new Layer
	width: bg.width
	backgroundColor: "black"
	superLayer: scroll_panel

item_dim =
	width: bg.width
	stroke_width: 1
	height: 100
	count: 23

for i in [0..(item_dim.count - 1)]
	item = new Layer
		width: item_dim.width
		height: item_dim.height
		y: i * (item_dim.height)
		backgroundColor: "orange"
		opacity: 0.8
		superLayer: scroll_content
	item.hueRotate = i * 10
	item.style =
		borderBottom: item_dim.stroke_width + "px solid white"
		borderTop: item_dim.stroke_width + "px solid white"
	knob = new Layer
		width: 50
		height: item_dim.height
		backgroundColor: "white"
		opacity: 0.5
		superLayer: item
	knob.center()
	knob.draggable.enabled = true
	knob.draggable.speedY = 0
	#knob.draggable.maxDragFrame = item.frame

scroll_content.height = item_dim.count * (item_dim.height)