Skip to content

transform property breaks pinch and wheel actions #692

@irvin93d

Description

@irvin93d

First of all, thanks for another fantastic library!

Describe the bug
When I added transform property to the pinch action options, the pinch stops working completely

pinch: {
  transform: v => v, // Remove this and it works fine
  scaleBounds: { min: 0.5, max: 2 },
  rubberband: true,
},

The issue also reproduces for the wheel action. The issue does not reproduce on the drag event, which is used on the documentation example.

Sandbox or Video

I only added transform: v => v to this example
https://codesandbox.io/p/devbox/summer-sound-nv5mwd

Information:

  • Use Gesture version: 10.3.1
  • Device: Macbook Pro (M4 Pro)
  • OS: Mac OS 15.5 (24F74)
  • Browser: Google Chrome 139.0.7258.139

Checklist:

  • I've read the documentation.
  • If this is an issue with drag, I've tried setting touch-action: none to the draggable element.

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions