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

View file

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

View file

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

View file

@ -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;
}