Change position draggable parent. Relative->absolute

Author: kirillmurashov

package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-drag-resize",
-  "version": "1.0.2",
-  "description": "Vue Component for resiza and drag elements",
+  "version": "1.0.3",
+  "description": "Vue Component for resize and drag elements",
   "author": "Kirill Murashov <me@kirillmurashov.com>",
   "main": "dist/index.js",
   "scripts": {

src/app.vue

@@ -1,10 +1,11 @@
 <template>
     <div id="app">
-        <VueDragResize :isActive="true" :w="200" :h="200" v-on:resizing="resize" v-on:dragging="resize">
+        <VueDragResize :isActive="true" :w="200" :h="200" :parentLimitation="false" v-on:resizing="resize" v-on:dragging="resize">
             <h3>Hello World!</h3>
             <p>{{ top }} х {{ left }} </p>
             <p>{{ width }} х {{ height }}</p>
         </VueDragResize>
+
     </div>
 </template>
 
@@ -16,6 +17,8 @@
         box-sizing: border-box;
         width: 600px;
         height: 800px;
+
+        position: relative;
     }
 
     h3 {

src/components/vue-drag-resize.css

@@ -3,7 +3,7 @@
 }
 
 .vdr {
-    position: relative;
+    position: absolute;
     box-sizing: border-box;
     border: 1px dashed rgba(0,0,0,0);
 }