vue-draggable-resizable

vue-draggable-resizable copied to clipboard

Hi there,

I was looking for complete control over the draggables via the activated prop. It looks that it does not work properly when controlled from the outside.

See your own example: https://mauricius.github.io/vue-draggable-resizable/iframe.html?id=basic--basic-component-with-active-prop

Clicking the checkbox to activate the box works. Deactivation does not. Also setting it to a raw boolean false together with prevent-deactivation does let me activate the component.

Thanks for looking into it.

Actually deactivation works as well, but it's not really clear from that example. Checkboxes change state (at least in Chrome) on mouseup, so when you click on the checkbox to deactivate the component, the mousedown event is caught by the component itself which then gets deactivated. But on the next mouseup the component gets activated back again.

If you try to press the checkbox and then you move the mouse outside it before releasing the button you will see what I'm trying to explain.

I should definitely add a note on that example, or at least use prevent-deactivation prop to avoid confusion, what do you think?