Expected behavior In Bootstrap 4, you can add a form element within a dropdown-menu, and clicking items within the form element will not cause the dropdown-menu to disappear.

For example:

<ul class="dropdown-menu">
    <form><div>Hi</div></form>
</ul>

The dropdown-menu will stay open even after clicking "Hi"

Actual behavior Angular MDB does not behave this way. Clicking items within a form element still caues the dropdown-menu to disappear.

Is there a way to prevent the dropdown-menu from disappearing when clicking on certain items within the menu?