fix: set menu position relative to click

need to calculate offset of parent element

1 files changed, 6 insertions, 0 deletions

diff --git a/src/MenuItem.mjs b/src/MenuItem.mjs
index 6c2a1d9..8b812b1 100644
--- a/src/MenuItem.mjs
+++ b/src/MenuItem.mjs
@@ -4,6 +4,12 @@ class Item extends HTMLDivElement {
     this.innerHTML = innerHTML ?? text;
     this.onclick = onclick;
     this.classList.add('menu-item');
+
+    this.onmouseover = () => {
+      this.parentElement
+        .querySelectorAll('.sub-menu')
+        .forEach(sub => sub.remove());
+    }
   }
 }
 window.customElements.define('menu-item', Item, { extends: 'div' });