From ffe22689eb43f42afc2d6bcf9b8b190b19a7e5d1 Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Wed, 13 Jul 2022 22:01:50 +0000
Subject: [PATCH] feat: use floating-ui for better popover positioning
---
assets/js/popover.js | 11 +++++++++++
1 files changed, 11 insertions(+), 0 deletions(-)
diff --git a/assets/js/popover.js b/assets/js/popover.js
index 494cd84..8eb637d 100644
--- a/assets/js/popover.js
+++ b/assets/js/popover.js
@@ -46,7 +46,18 @@
throwOnError: false
})
}
+
li.addEventListener("mouseover", () => {
+ // fix tooltip positioning
+ window.FloatingUIDOM.computePosition(li, el, {
+ middleware: [window.FloatingUIDOM.offset(15), window.FloatingUIDOM.inline(), window.FloatingUIDOM.shift()],
+ }).then(({ x, y }) => {
+ Object.assign(el.style, {
+ left: `${x}px`,
+ top: `${y}px`,
+ })
+ })
+
el.classList.add("visible")
})
li.addEventListener("mouseout", () => {
--
Gitblit v1.10.0