Force Menus to stay on screen

.dist/contextmenu.js

@@ -47,6 +47,7 @@ class Contextmenu {
         div.style.top = y + 'px';
         div.style.left = x + 'px';
         document.body.appendChild(div);
+        Contextmenu.keepOnScreen(div);
         console.log(div);
         Contextmenu.currentmenu = div;
         return this.div;
@@ -61,6 +62,18 @@ class Contextmenu {
         return func;
     }
     static keepOnScreen(obj) {
+        const html = document.documentElement.getBoundingClientRect();
+        const docheight = html.height;
+        const docwidth = html.width;
+        const box = obj.getBoundingClientRect();
+        console.log(box, docheight, docwidth);
+        if (box.right > docwidth) {
+            console.log("test");
+            obj.style.left = docwidth - box.width + 'px';
+        }
+        if (box.bottom > docheight) {
+            obj.style.top = docheight - box.height + 'px';
+        }
     }
 }
 Contextmenu.setup();

.dist/user.js

@@ -126,6 +126,7 @@ class User {
         if (x !== -1) {
             Contextmenu.currentmenu = div;
             document.body.appendChild(div);
+            Contextmenu.keepOnScreen(div);
         }
         return div;
     }

webpage/contextmenu.ts

@@ -45,6 +45,7 @@ class Contextmenu{
         div.style.top = y+'px';
         div.style.left = x+'px';
         document.body.appendChild(div);
+        Contextmenu.keepOnScreen(div);
         console.log(div)
         Contextmenu.currentmenu=div;
         return this.div;
@@ -59,7 +60,18 @@ class Contextmenu{
         return func;
     }
     static keepOnScreen(obj:HTMLElement){
-
+        const html = document.documentElement.getBoundingClientRect();
+        const docheight=html.height
+        const docwidth=html.width
+        const box=obj.getBoundingClientRect();
+        console.log(box,docheight,docwidth);
+        if(box.right>docwidth){
+            console.log("test")
+            obj.style.left = docwidth-box.width+'px';
+        }
+        if(box.bottom>docheight){
+            obj.style.top = docheight-box.height+'px';
+        }
     }
 }
 Contextmenu.setup();

webpage/user.ts

@@ -125,9 +125,11 @@ class User{
             userbody.appendChild(biohtml);
         }
         console.log(div);
+
         if(x!==-1){
             Contextmenu.currentmenu=div;
             document.body.appendChild(div)
+            Contextmenu.keepOnScreen(div);
         }
         return div;
     }