Hi, @BartButenaers I don't know if this is in my setup but if I open a context menu to close to the bottom of the canvas and it contains a number of entries the menu goes over the edge. [image] If the menu is opened to far right of the canvas the items switch to the other side but leaves a small gap between them. and it seem to increase with more sub-menus. This can be an issue if auto close is active and you move to slowly, the menu collapses beforw selection. [image] cheers

Thanks guys, @BartButenaers @Steve-Mcl I can live with it, I was just concerned for the fantastic node. Happy to put in an issue, when I rise tomorrow hopefully. cheers

Slightly O/T... but is there anyway to keep open the 2nd level menu when using a mobile device. Currently, it's easy to select items on the first level, but when expanded to the second level it collapses immediately, making it difficult to select a menu item. [menu]

[image] Paul-Reed: but is there anyway to keep open the 2nd level menu when using a mobile device. Currently, it's easy to select items on the first level, but when expanded to the second level it collapses immediately, making it difficult to select a menu item. Hey @Paul-Reed, We have an auto hide feature on the contextmenu. That feature has been expanded a few weeks ago, because some users wanted to have more control of it: [image] So I 'think' that navigating with the mouse from the first level contextmenu to the second level context menu, is considered as leaving the contextmenu (so the contextmenu will be hidden...). We will need to have a look at that also. Have put it on my todo list ...

[image] BartButenaers: So I 'think' that navigating with the mouse from the first level contextmenu to the second level context menu, is considered as leaving the contextmenu I have the auto-hide set to 2 seconds, but the menu hides immediately a selection is made on the first level menu, so you don't even get access to the second level menu at all, not even for 2 seconds.

@Paul-Reed & @greenembrace, would you be willing to test the modifications I made? To install, you will need to install via github... open a cmd/terminal cd to your node-red folder npm install bartbutenaers/node-red-contrib-ui-contextmenu Restart your node-red I think I've solved the mobile menu closing issue I have (for now) tweaked the menu positioning (might be an improvement / might not) @BartButenaers I think we might have to manually calculate the left position for each sub menu (if placement is not possible on the right) because the .cm_container.cm_border_right > ul ul css class is too broad for differing width sub menus. Cheers, Steve.

Great!! now able to select the second level menu on a mobile device. Nice work @Steve-Mcl & @BartButenaers :+1: (PS - it works much better than it appears in the gif) [mod]

I'll link this thread to the other 'Context Menu Location' thread for info - [image] Contextmenu location Developing Nodes in master for testing

[image] Paul-Reed: Nice work @Steve-Mcl & @BartButenaers :+1: All credits for this fix go to @Steve-Mcl. Nice job and fast. Thanks for your assistance Steve !!

Gentlemen (@Steve-Mcl, @Paul-Reed), Is it ok to publish Steve's changes to npm? Because my node administration is becoming quite a mess :wink:

Still working very well here :blush: However I don't think @dceejay has updated the dashboard with the 'button' changes just yet, so if you have added the button trick to your node's readme, it won't work just yet.

Node-RED

Node-RED Forum

Context Menu position

General

Paul-Reed 23 March 2020 12:05 10

I'll link this thread to the other 'Context Menu Location' thread for info -

Topic		Replies	Views
[Announce] node-red-contrib-ui-contextmenu Share Your Nodes	55	5601	8 December 2021
Contextmenu location Developing Nodes	76	6300	4 July 2020
Child Menu in nodered dashboard Dashboard	9	595	8 May 2023
Context menu in dashboard Dashboard	7	1517	18 November 2020
[ANNOUNCE] node-red-contrib-ui-contextmenu - typedinputs Share Your Nodes	6	1210	25 July 2020

Copyright OpenJS Foundation and Node-RED contributors. All rights reserved. The OpenJS Foundation has registered trademarks and uses trademarks. For a list of trademarks of the OpenJS Foundation, please see our Trademark Policy and Trademark List. Trademarks and logos not indicated on the list of OpenJS Foundation trademarks are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.

Context Menu position

Related topics