Merge pull request #156 from vineeth-vk11/#154

handling context submenus on mobile devices
HeyPuter · Mar 26, 2024 · 907ecbe · 907ecbe
2 parents 28acf71 + da8351d
commit 907ecbe
Showing 1 changed file with 13 additions and 2 deletions.
diff --git a/src/UI/UIContextMenu.js b/src/UI/UIContextMenu.js
@@ -183,15 +183,26 @@ function UIContextMenu(options){
                 if($(`.context-menu[data-id="${menu_id}-${$(e).attr('data-action')}"]`).length === 0){
                     // close other submenus
                     $(`.context-menu[parent-element-id="${menu_id}"]`).remove();
+
+                    // Calculate the position for the submenu
+                    let submenu_x_pos, submenu_y_pos;
+                    if (isMobile.phone || isMobile.tablet) {
+                        submenu_y_pos = y_pos;
+                        submenu_x_pos = x_pos;
+                    } else {
+                        submenu_y_pos = item_rect_box.top - 5; 
+                        submenu_x_pos = x_pos + item_rect_box.width + 15;
+                    }
+
                     // open the new submenu
                     UIContextMenu({ 
                         items: options.items[parseInt($(e).attr('data-action'))].items,
                         parent_id: menu_id,
                         is_submenu: true,
                         id: menu_id + '-' + $(e).attr('data-action'),
                         position:{
-                            top: item_rect_box.top - 5,
-                            left: x_pos + item_rect_box.width + 15,
+                            top: submenu_y_pos,
+                            left: submenu_x_pos,
                         } 
                     })
                 }