How to change default container for controls?

[usmanibrahim74]

Hello I'm new to vue and I'm using vue-moveable in a subcomponent and but controls are moving all over the page. I want them in that component only. I tried using the container prop mentioned in API documentation. like this

data: function () {
            return {
                moveable: {
                    container: document.getElementById('html-container'),
                    draggable: true,
                    throttleDrag: 0,
                    resizable: false,
                    throttleResize: 1,
                    keepRatio: false,
                    scalable: true,
                    throttleScale: 0,
                    rotatable: true,
                    throttleRotate: 0,
                    pinchable: true, // ["draggable", "resizable", "scalable", "rotatable"]
                    origin: false,
                }
            }
        },

in vue dev tools it shows null, I'm assuming it is running before the component is rendered or etc. any way to achieve the required functionality?

[CesarGomezTissini]

https://github.com/probil/vue-moveable/issues/28#issuecomment-550036539