Hi there! I love this module, and just tried the new UI upgrade -- it looks great!
I have a request for a UI click behavior adjustment, with a JS/CSS patch for your consideration.
Problem/Motivation
The grey boxes to the left of each link in the tree look very clickable, both because they look similar to checkboxes and because they're replacing radio buttons.
However, the current code does not allow them to be clicked; you must click the link title in order to select it. Clicking the grey box does nothing, which gives a first impression that it's broken.
I'm a little nervous to release this on my website as it is, since it requires different behavior than the old version (clicking the title instead of a form element next to it). It fooled me, so I know it'll confuse others.
Steps to reproduce
In any menu, try adding a page underneath another that doesn't already have subpages. If you click the grey box next to the link, it does nothing. You must click the page's title in order to select it.
Proposed resolution
If the grey box gets clicked, do the same thing as when you click the page link: select that link and turn the grey box green to indicate it's selected.
Remaining tasks
I'm going to follow up shortly with my patch that seems to address the problem, but let me know how it looks to you.
I updated the JS to check if an
is being clicked, and if so, and if it contains a directly inside, trigger the button.
There is one line of CSS that makes the ::before elements (which are the grey lines in the tree) unclickable, because they overlap with grey boxes of the next link and cause erratic behavior.
User interface changes
No UI changes, just a change in behavior on click.