Container boundaries about vue-moveable HOT 8 CLOSED

Hi @probil,

I tried bounds option but it doesn't seems to work.
On "mounted" function, I get the dimensions of my container, and I apply it on the bounds options (right and bottom), but when I add a new moveable object, I can drag it over the container.
Here a codesandbox to see my issue.
I don't know if I'm very understandable...

from vue-moveable.

I'm having a similar issue, where bounds isn't constraining the moveable element. Any specific way to use it, other than in the v-bind object or as a prop :bounds?

from vue-moveable.

Hi @ibadass 👋
Thanks for your issue.
Have you tried bounds?

<Moveable :bounds="{ left: 0, right: 1000, top: 0, bottom: 1000};">

https://daybrush.com/moveable/release/latest/doc/Moveable.html#bounds

from vue-moveable.

Same issue here

from vue-moveable.

Hi @probil,

I updated my codesandbox with :bounds="{ left: 0, right: 1000, top: 0, bottom: 1000};" and the issue is still here, do I "play" with z-index to resolve this issue ?

from vue-moveable.

I had to set both dragArea and snappable to true and got it working then! Hope that helps @ibadass @Avyiel

Source: daybrush/moveable#66 (comment)

from vue-moveable.

Hi @andreasvirkus, I add snappable and dragArea to true, but I always can move my moveable object all over the page instead the target area (see my codebox)

Sorry, I didn't update my library version in my project... it works now.

@probil I think you can close this issue.

Thank you all !

from vue-moveable.

@probil I think you can close this issue.

You can close it yourself as well (right next to the Comment button)

from vue-moveable.