Force Menus to stay on screen
This commit is contained in:
parent
ac939e5fb6
commit
d01e3d57a2
4 changed files with 29 additions and 1 deletions
|
@ -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();
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue