feat: prevent menu show outside of window

1 files changed, 7 insertions, 0 deletions

diff --git a/src/utils.mjs b/src/utils.mjs
index d9ed2d7..c9a2457 100644
--- a/src/utils.mjs
+++ b/src/utils.mjs
@@ -87,3 +87,10 @@ export function throttle (func, delay) {
     return func.call(context, ...args)
   }
 }
+
+export const shiftByWindow = element => {
+  const rect = element.getBoundingClientRect()
+  const offsetX = window.innerWidth - rect.left - rect.width
+  const offsetY = window.innerHeight - rect.top - rect.height
+  element.style.transform = `translate(${offsetX < 0 ? offsetX : 0}px, ${offsetY < 0 ? offsetY : 0}px)`
+}