auto close context menu when clicking on another selector

[cantonic]

First let me thank you for that great plugin! I have implemented that in an application of mine where i have a table with multiple rows. each row is right-clickable and opens the context menu, but when I right-click on row no.1 for example and then right-click on row 2 it just closes the first opened context menu from row 1. then i have to do a second right-click on row 2 in order to open the context menu. It would be a much better user experience if a click on row 2 would automatically close the first context menu and open the second one.

[rodneyrehm]

While I agree with your assessment, I (currently) don't see any reliable way to implement it.

Whenever a menu is shown, a transparent layer is put behind it. This layer is supposed to guarantee that a click anywhere outside of the menu would either close or reposition the menu. I would've preferred to bind an event to document and act from there. While that approach worked fine for me, other people had quite the difficulties with other widgets on their site (namely if the widgets stopPropagation() of certain events). This layer is the reason why your second table row never receives the click.

We could introduce an option that lets you enable/disable the layer thing. So the safe option would be to use the layer and not care about what other widgets on the page do. Disabling the layer would lead to binding a mousedown event to document to hide the menu when necessary. Should a menu be open and one clicked on another widget, this event handler might never be executed. It would be the responsibility of the implementor to make sure menus close when they need to.

If this solution is something you can work with, I would look into it "soon".

[cantonic]

Yeah, i think there is no other way of implementing this than introducing an option to enable/disable the layer stuff. It would be great if you could implement that ;)

[rodneyrehm]

I looked into this more closely. Apparently I will not be able to get rid of the backdrop-layer that easily.
Instead I would try to use document.elementFromPoint (spec) to find out if you clicked on another triggering element. This will not work in older browsers - but it won't break them either.

[rodneyrehm]

Implemented and released in version 1.5.15. You only have to update the source, no furthor action required :)