Way to block dragging completely and allow only zooming?

[hy2850]

Hello,
I only need the zooming functionality but there seems no way to block the dragging events and only allow zooming.
All the event listener props for drag events onDragStart/End/Update doesn't seem to provide a way to disable the event.
Is this supported at all? If not, can you suggest me an alternative?

Thanks in advance

[aminemohyeddine]

hello @hy2850 ,
declare a ref globally : const dragXY = useRef({})
inside onUpdate in the top add :
if (dragXY.current?.scale !== scale) {
dragXY.current = { x, scale, y }
}

update make3dTransformValue line to : make3dTransformValue({ x: dragXY.current?.x || x, y:dragXY.current?.y || y, scale })

i hope this will help , i'm stuck with a really complicated cases :'(

[retyui]

I see, welcome to PR if you can fix it!

also you can try an alternative library: https://github.com/prc5/react-zoom-pan-pinch