Hi team,
I encountered an issue where the el-slider component from Element Plus becomes unresponsive (cannot slide) when it is placed inside a container managed by panzoom on mobile devices.
It seems that panzoom's touch event handlers are intercepting or conflicting with the slider's native touch events, preventing the user from changing the value.
Reproduction Steps:
- Create a page with a panzoom instance wrapping a content area.
- Inside the panzoom content, place an Element Plus component.
- Open the page on a mobile device (or use Chrome DevTools Mobile Emulation).
- Attempt to drag the slider handle.
Expected Behavior:
The slider should respond to touch drag events and change its value normally, without triggering the pan/zoom action of the parent container.
Actual Behavior:
The slider handle does not move. Instead, the parent container might pan, or nothing happens at all. The slider is effectively "frozen".