Custom ables buttons problem with groups

daybrush / moveable

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

https://daybrush.com/moveable/

MIT License

10.08k stars 618 forks source link

Custom ables buttons problem with groups #583

Closed JoseLuisRNP closed 2 years ago

JoseLuisRNP commented 2 years ago

Environments

Framework name: Vue
Framework version: 3.2.16
Moveable Component version: 0.27.2 vanilla
Testable Address(optional): https://codesandbox.io/s/lucid-driscoll-wzdt2?file=/src/App.vue

Description

I'm trying to create a custom able with buttons but seems like this has some problem with groups. When you click in a button in a custom able in group it launch a drag event in .moveable-area and avoid launch the button event

daybrush commented 2 years ago

@JoseLuisRNP

Temporarily try adding moveable- as a prefix to the class name.

I will fix this issue soon.

JoseLuisRNP commented 2 years ago

That's do the trick, thanks for your great work @daybrush !

daybrush commented 2 years ago

@JoseLuisRNP

moveable 0.28.0
react-moveable 0.31.1
preact-moveable 0.30.0
ngx-moveable 0.24.0
svelte-moveable 0.18.0
lit-moveable 0.5.0
vue-moveable 2.0.0-beta.6
vue3-moveable 0.3.0

moveable's new version is released. Check it again. Conversely, there must be no moveable- prefix.

JoseLuisRNP commented 2 years ago

works like a charm! thank you @daybrush