Hide dropdown after form submission (or any other event other than clicking)

Ask us anything How do I?
1

Using the dropdown element, I set “Show on” to “Click”. But I can’t seem to get the dropdown to disappear using any methods except either “Close on Click” option set. I’d like to make the dropdown disappear upon form submit, but still have to click outside of the dropdown to make it disappear after the form has been submitted. I’ve tried setting it to display: none via Javascript, and linking it to a visibility variables, but the extra steps needed aren’t desirable.

Also, I have two dropdowns. Clicking on each triggers, one at a time, keeps both open (doesn’t make one or the other disappear). Only when clicking outside of both of them do they disappear. Not sure if that’s a bug.

image
image930×436 24 KB

Anyone have any ideas on how to close a dropdown after a form submit?

1 Like
2

I have the same question. I use it as a context menu to group several actions. One action shows a modal. After I click an Item, I want to show the modal, but I want to hide/collapse the drop down.

My workaround now is the set te trigger to hover. But an option what to do after item-click would by a nice feature