Quick Reblog: Prevent popup from overflowing to the left (#1806)

marcustyphoon · web-flow · commit 35b4d5747096 · 2025-07-10T11:08:35.000-07:00
diff --git a/src/utils/interface.js b/src/utils/interface.js
@@ -142,5 +142,7 @@ export const appendWithoutOverflow = (element, target, defaultPosition = 'below'
   }
   if (elementRect.right > preventOverflowTargetRect.right - 15) {
     element.style.setProperty('--horizontal-offset', `${preventOverflowTargetRect.right - 15 - elementRect.right}px`);
+  } else if (elementRect.left < preventOverflowTargetRect.left + 15) {
+    element.style.setProperty('--horizontal-offset', `${preventOverflowTargetRect.left + 15 - elementRect.left}px`);
   }
 };

Original file line number	Diff line number	Diff line change
`@@ -142,5 +142,7 @@ export const appendWithoutOverflow = (element, target, defaultPosition = 'below'`
`142`	`142`	`}`
`143`	`143`	`if (elementRect.right > preventOverflowTargetRect.right - 15) {`
`144`	`144`	element.style.setProperty('--horizontal-offset', `${preventOverflowTargetRect.right - 15 - elementRect.right}px`);
	`145`	`+ } else if (elementRect.left < preventOverflowTargetRect.left + 15) {`
	`146`	+ element.style.setProperty('--horizontal-offset', `${preventOverflowTargetRect.left + 15 - elementRect.left}px`);
`145`	`147`	`}`
`146`	`148`	`};`