Force Menus to stay on screen

This commit is contained in:
MathMan05 2024-06-28 13:04:05 -05:00
parent ac939e5fb6
commit d01e3d57a2
4 changed files with 29 additions and 1 deletions

View file

@ -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();