Pinch-resize a container when both fingers touch different elements

[jri]

Environments

• Framework name: Vanilla JS
• Framework version: -
• Moveable Component version: 0.53.0
• Testable Address(optional): https://codepen.io/jri/full/xxeBGKG

Description

I want to pinch-resize a container element which has child elements in it, no matter where both fingers touch. Pinching works when both fingers touch the container element. But it does not work when one finger touches the container and the other a child element, pinching is not initiated. I'd assume that the touch events bubble up to container and initiate the pinch.

How can I solve it?

The provided codepen is very minimal: it just creates a Moveable with the container element as the target.

Thank you for excellent library! 🙏