Control box height & position is off about vue-moveable HOT 3 CLOSED

After further debugging, I've found that calling updateRect fixes the height issue of the control box, but not the positioning.

mounted () {
  setTimeout(() => {
    this.$refs.moveable.moveable.updateRect()
  }, 400)
}

Produces

But interestingly enough, same isn't true when I substitute the custom timeout with await this.$nextTick()

from vue-moveable.

As suggested in #28 (comment),
passing the container element's ref in the container prop worked for me!

Example:

<div ref="wrapper">
  <moveable
    :draggable="true"
    :resizable="true"
    :pinchable="true"
    :container="$refs.wrapper" // 👈 Important part!
  >
    <img :src="avatar" />
  </moveable>
<div>

from vue-moveable.

Sorry, it's not actually fixed. I think it seemed fixed since hot-reload just updated the control box.
@probil could you update moveable dependency to 0.13.1? I think they just fixed a similar issue:
daybrush/moveable#98

renovate bot also has a PR for this: #87

Edit: sorry for re-opening this. Posted the same info under the other issue; let's continue tracking it there

from vue-moveable.