moveable icon indicating copy to clipboard operation
moveable copied to clipboard

RenderStart and click events cannot use e.stopPropagation()

Open hqiaozhang opened this issue 1 year ago • 1 comments

Environments

  • Framework name:Vue
  • Framework version:2.x
  • Moveable Component version:[email protected]
  • Testable Address(optional):

Description

RenderStart and click events cannot use e.stopPropagation()

<Moveable
ref="moveableRef" :draggable="true" :snappable="true" :resizable="true" :rotatable="true" :origin="false" :snapDirections="({ 'top': true, 'left': true, 'bottom': true, 'right': true, 'center': true, 'middle': true })" :elementSnapDirections="({ 'top': true, 'left': true, 'bottom': true, 'right': true, 'center': true, 'middle': true })" :elementGuidelines="elementGuidelines" @resize="onResize" :target="selectedElementRefs" @drag="onDrag" @rotate="onRotate" @renderGroup="onRenderGroup" @renderGroupEnd="onRenderGroupEnd" @dragEnd="onDragEnd" @renderStart="onRenderStart" @clickGroup="onClickGroup" />

hqiaozhang avatar Sep 28 '23 05:09 hqiaozhang

@hqiaozhang

The moveable's click event is not a native click event.

dragStart(mousedown) drag(mousemove) dragEnd, click (mouseup)

For stopPropagation, try using e.inputEvent.

daybrush avatar Oct 28 '23 08:10 daybrush