make sure popup position is never off screen to the left

1 files changed, 10 insertions, 0 deletions

diff --git a/packages/frontend/src/scripts/popup-position.ts b/packages/frontend/src/scripts/popup-position.ts
index 3dad41a8b3..80ad91c48f 100644
--- a/packages/frontend/src/scripts/popup-position.ts
+++ b/packages/frontend/src/scripts/popup-position.ts
@@ -15,6 +15,8 @@ export function calcPopupPosition(el: HTMLElement, props: {
 	const contentWidth = el.offsetWidth;
 	const contentHeight = el.offsetHeight;
 
+	const LEFT_MARGIN = 4;
+
 	let rect: DOMRect;
 
 	if (props.anchorElement) {
@@ -39,6 +41,8 @@ export function calcPopupPosition(el: HTMLElement, props: {
 			left = window.innerWidth - contentWidth + window.scrollX - 1;
 		}
 
+		left = Math.max(LEFT_MARGIN, left);
+
 		return [left, top];
 	};
 
@@ -60,6 +64,8 @@ export function calcPopupPosition(el: HTMLElement, props: {
 			left = window.innerWidth - contentWidth + window.scrollX - 1;
 		}
 
+		left = Math.max(LEFT_MARGIN, left);
+
 		return [left, top];
 	};
 
@@ -75,6 +81,8 @@ export function calcPopupPosition(el: HTMLElement, props: {
 			top = props.y;
 		}
 
+		left = Math.max(LEFT_MARGIN, left);
+
 		top -= (el.offsetHeight / 2);
 
 		if (top + contentHeight - window.scrollY > window.innerHeight) {
@@ -106,6 +114,8 @@ export function calcPopupPosition(el: HTMLElement, props: {
 			top -= (el.offsetHeight / 2);
 		}
 
+		left = Math.max(LEFT_MARGIN, left);
+
 		if (top + contentHeight - window.scrollY > window.innerHeight) {
 			top = window.innerHeight - contentHeight + window.scrollY - 1;
 		}