@everchron/ec-shards 4.4.2 → 4.4.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everchron/ec-shards",
-  "version": "4.4.2",
+  "version": "4.4.3",
   "private": false,
   "description": "Everchron Shards UI Library",
   "repository": "https://github.com/everchron/ec-shards.git",

package/src/components/context-menu/context-menu.vue

@@ -48,16 +48,6 @@ export default {
     /** If passed, an icon will appear. The list of available icon names can be found [here](https://github.com/everchron/ec-shards/tree/main/src/assets/icons). */
     icon: {
       type: String
-    },
-    /** Use the offset of the context menu appears in a scrollable container which does not start at the very top of the browser window. For example, pass the pixel height value of the everchron navigation bar and toolbar. */
-    offsetTop: {
-      type: Number,
-      default: 0
-    },
-    /** Use the offset of the context menu appears in a scrollable container which does not start at the very left of the browser window. For example, pass the pixel width value of a left hand sidebar. */
-    offsetLeft: {
-      type: Number,
-      default: 0
     }
   },
 
@@ -96,15 +86,15 @@ export default {
       }
 
       if (this.menuWidth + event.pageX >= window.innerWidth) {
-        this.left = event.pageX - this.menuWidth + 2 - this.offsetLeft
+        this.left = event.pageX - this.menuWidth + 2
       } else {
-        this.left = event.pageX - 2 - this.offsetLeft
+        this.left = event.pageX - 2
       }
 
       if (this.menuHeight + event.pageY >= window.innerHeight) {
-        this.top = event.pageY - this.menuHeight + 2 - this.offsetTop
+        this.top = event.pageY - this.menuHeight + 2
       } else {
-        this.top = event.pageY - 2 - this.offsetTop
+        this.top = event.pageY - 2
       }
       this.opened = true
     },
@@ -160,7 +150,7 @@ export default {
   padding: 0;
   display: none;
   list-style: none;
-  position: absolute;
+  position: fixed;
   z-index: 1000000;
   border-radius: $border-radius-medium;
   background: rgba(255, 255, 255, 0.94);