ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-04-19 08:36:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Do not allow context menu to overrun edge of screen

Browse Source
This commit is contained in:
Andrew Henry 2018-11-23 15:14:55 -08:00
parent cabc410e0a
commit eeab6e9bde
1 changed files with 25 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/api/contextMenu/ContextMenuRegistry.js
View File

@ -69,13 +69,35 @@ class ContextMenuRegistry {
this._activeContextMenu = this._createContextMenuForObject(objectPath, applicableActions);
this._activeContextMenu.$mount();
this._activeContextMenu.$el.style.left = `${event.clientX}px`;
this._activeContextMenu.$el.style.top = `${event.clientY}px`;
document.body.appendChild(this._activeContextMenu.$el);
let position = this._calculatePopupPosition(event, this._activeContextMenu.$el);
this._activeContextMenu.$el.style.left = `${position.x}px`;
this._activeContextMenu.$el.style.top = `${position.y}px`;
document.addEventListener('click', this._hideActiveContextMenu);
}
_calculatePopupPosition(event, menuElement) {
let x = event.clientX;
let y = event.clientY;
let menuDimensions = menuElement.getBoundingClientRect();
let diffX = (x + menuDimensions.width) - document.body.clientWidth;
let diffY = (y + menuDimensions.height) - document.body.clientHeight;
if (diffX > 0) {
x = x - diffX;
}
if (diffY > 0) {
y = y - diffY;
}
return {
x: x,
y: y
}
}
/**
* @private
*/