Add submenu position attribute on the li tag containing a submenu

xeokit · Sep 13, 2024 · 1c4546e · 1c4546e
1 parent b0a4069
commit 1c4546e
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/src/extras/ContextMenu/ContextMenu.js b/src/extras/ContextMenu/ContextMenu.js
@@ -461,6 +461,7 @@ class ContextMenu {
         this._updateItemsTitles();
         this._updateItemsEnabledStatus();
         this._showMenu(this._rootMenu.id, pageX, pageY);
+        this._updateSubMenuInfo();
         this._shown = true;
         this.fire("shown", {});
     }
@@ -869,6 +870,22 @@ class ContextMenu {
         }
     }
 
+    _updateSubMenuInfo() {
+        if (!this._context) return;
+        let showOnLeft = null;
+        this._itemList.forEach((item) => {
+            if (item.subMenu) {
+                const itemElement = item.itemElement;
+                if (!showOnLeft) {
+                    const itemRect = itemElement.getBoundingClientRect();
+                    const subMenuWidth = 200; // TODO
+                    showOnLeft = ((itemRect.right + subMenuWidth) > window.innerWidth);
+                }
+                itemElement.setAttribute("data-submenuposition", showOnLeft ? "left" : "right");
+            }
+        })
+    }
+
     _showMenu(menuId, pageX, pageY) { // Shows the given menu, at the specified page coordinates
         const menu = this._menuMap[menuId];
         if (!menu) {