With navigation menus that are set to drop down or wrap to a drop down menu on smaller screen sizes, they tend to take a long time to close after selecting an option.
We find that we to close the drop down, we have to click off the menu on the back page and then it still takes a couple seconds to close. I have recorded an example of this that I have attached here.
Is there any way to have the menu close when one of the options are selected?
Thanks for the idea! I didn’t think of using the Action item Toggle component, but it definitely helps towards fixing this.
We’ve had issues before using this component and with render conditions on components we are hiding/showing, so I’m not surprised it is unpredictable.
I must admit your second workaround doesn’t quite make sense to me, and I couldn’t get it to work when I tried to follow it, but using your idea I was able to find that another alternative is to use both the toggle action with the branching action.
I have set a toggle action to each menu item (all with their own unique Ids) and and those that have a render condition I added a branch before that toggle action with the render condition logic in the branch. That way, if the menu items are showing, it toggles them, but if they aren’t, it skips that toggle action, and we don’t seem to get any buggy results with the actions.