Error when pinchable is true

daybrush / moveable

Moveable! Draggable! Resizable! Scalable! Rotatable! Warpable! Pinchable! Groupable! Snappable!

https://daybrush.com/moveable/

MIT License

10.12k stars 620 forks source link

Error when pinchable is true #892

Open quangduy0709 opened 1 year ago

quangduy0709 commented 1 year ago

Environments

Framework name: ReactJS
Framework version: 18.2.0
Moveable Component version:0.49.1
Testable Address(optional):

Description

Hi @daybrush , thanks a lot for your great work 🙏 When I set pinchable to true and try to resize it on my mobile phone, I unexpectedly encountered an error. How can I fix it? Thank you.

The error I encountered is: Screenshot

This is my code :


<Moveable
          target={targetRef.current}
          renderDirections={["nw", "ne", "sw", "se"]}
          resizable
          origin={false}
          draggable
          throttleResize={1}
          rotationPosition="bottom"
          keepRatio
          rotatable
          onDrag={onDrag}
          onResize={onResize}
          onRotate={onRotate}
          pinchable={true}
        />

ckypper commented 1 year ago

+1 i got same error

daybrush commented 1 year ago

@ckypper @quangduy0709

croact-moveable 0.2.1
@moveable/helper 0.1.2
lit-moveable 0.23.1
moveable 0.46.1
preact-moveable 0.48.1
react-moveable 0.49.2
svelte-moveable 0.38.1
vue-moveable 2.0.0-beta.65
vue3-moveable 0.21.1
ngx-moveable 0.43.1

moveable's new version is released. Check it again.