From 8ee78476489129a9008bdd8c187d096ebbd35594 Mon Sep 17 00:00:00 2001
From: aterox <church.kennetha@gmail.com>
Date: Tue, 8 Mar 2022 05:44:39 -0500
Subject: [PATCH] Ensure context menu doesn't clip off the screen

---
 src/components/LinkItems/SectionContextMenu.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/LinkItems/SectionContextMenu.vue b/src/components/LinkItems/SectionContextMenu.vue
index 8f9b12c1..7f7d16e7 100644
--- a/src/components/LinkItems/SectionContextMenu.vue
+++ b/src/components/LinkItems/SectionContextMenu.vue
@@ -1,7 +1,7 @@
 <template>
   <transition name="slide">
     <div class="context-menu" v-if="show && !isMenuDisabled"
-      :style="posX && posY ? `top:${posY}px;left:${posX}px;` : ''">
+      :style="posX && posY ? calcPosition() : ''">
       <!-- Open Options -->
       <ul class="menu-section">
         <li @click="openSection()">
@@ -59,6 +59,13 @@ export default {
     removeSection() {
       this.$emit('removeSection');
     },
+    calcPosition() {
+      const bounds = this.$parent.$el.getBoundingClientRect();
+      const left = this.posX < (bounds.right + bounds.left) / 2;
+      const position = `top:${this.posY}px;${left ? 'left' : 'right'}:\
+        ${left ? this.posX : document.documentElement.clientWidth - this.posX}px;`;
+      return position;
+    },
   },
 };
 </script>