Merge pull request #8279 from imadx/im-branch-2

Fix issue with context menu behaviour when extending beyond the boundaries of the window

Author: estib-vega

packages/ui/src/lib/ContextMenu.svelte

@@ -101,7 +101,10 @@
 
 	function setAlignByMouse(e?: MouseEvent) {
 		if (!e) return;
-		menuPosition = { x: e.clientX, y: e.clientY };
+		const clientX = horizontalAlign === 'left' ? e.clientX - contextMenuWidth : e.clientX;
+		const clientY = side === 'top' ? e.clientY - contextMenuHeight : e.clientY;
+
+		menuPosition = { x: clientX, y: clientY };
 	}
 
 	function setAlignByTarget(target: HTMLElement) {
@@ -170,9 +173,11 @@
 						horizontalAlign = 'left';
 						setAlignment();
 					}
-					if (rect.bottom > viewport.bottom) {
-						side = 'top';
-						setAlignment();
+					if (rect.bottom > viewport.bottom && rect.top > viewport.top) {
+						setTimeout(() => {
+							side = 'top';
+							setAlignment();
+						}, 0);
 					}
 					if (rect.top < viewport.top) {
 						side = 'bottom';