Bounds in container doesn't seem to apply about vue-moveable HOT 4 OPEN

I'm also having this issue.. I have a hacky workaround of measuring the top/left of the container and manually setting bounds equal to the container bounding box, but this doesn't work if the page changes in layout above the container (and throws the position of the container off from initial page load)

Any help would be greatly appreciated!

from vue-moveable.

AFAICS, the container prop expects a HTMLElement, not a Vue component that $refs.xxx is. BUT: I do not manage to pass such an element (as a quick test I did this with document.querySelector), because then I get [Vue warn]: Error in nextTick: "RangeError: Maximum call stack size exceeded". According to https://www.gitmemory.com/issue/probil/vue-moveable/27/543120459 this is due to the way vue-moveable handles its props.

Any suggestions on how to pass something useful to the container prop, as I really need to restrict the frame to one part of my page.

from vue-moveable.

@josvos @liveclickermike rollback to a older version is a workaround for now,
(https://codesandbox.io/s/vue-material-also-works-on-the-right-side-dgn27?file=/package.json:256-261)

from vue-moveable.

FWIW: I use a local copy now, in which I added a prop containerSelector (string) and in mounted() I do containerElement = document.querySelector(this.containerSelector). That containerElement is then used as first parameter for the Moveable() constructor.

from vue-moveable.