Merge pull request #291 from hw-df/fix-lineheight

Fix gap of upward opening dynamically created contextmenu
jonataswalker · Oct 14, 2024 · e5037a4 · e5037a4
2 parents d80615e + e922d7f
commit e5037a4
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/helpers/dom.ts b/src/helpers/dom.ts
@@ -34,7 +34,11 @@ export function getLineHeight(container: HTMLDivElement): number {
     cloned.append(element2);
     container.parentNode?.append(cloned);
 
-    const height = cloned.offsetHeight / 2;
+    const clonedStyle = window.getComputedStyle(cloned);
+    const paddingTop = Number.parseInt(clonedStyle.paddingTop, 10);
+    const paddingBottom = Number.parseInt(clonedStyle.paddingBottom, 10);
+
+    const height = (cloned.offsetHeight - (paddingTop + paddingBottom)) / 2;
 
     container.parentNode?.removeChild(cloned);