Closing a dropdown after selecting a menu item

I have a dropdown menu including a number of menu items triggering onclick events. Here is a simplified example:
<a class="dropdown-item" dmx-on:click="qm1.set('subject','art');">Art</a>
The advantage of using this method rather than a proper link is there is no page refresh and the result is very smooth. The query is run and the menu closes.

This works very well except on small devices when the menu is collapsed. In this case, after an item is selected and the query runs, the menu remains open. This is a problem particuarly on a phone for example where the menu may obscure much of the content; it may not be apparent that the query has run and the new content has been loaded.

Can anyone suggest a way to make the menu close in this situation? Given the menu closes automatically in other circumstances, is this perhaps a bug?

Community Page
Last updated: