Prevent materializecss dropdown to close when clicking inside it

Question

I am using Materialize.css for current project, and I have dropdown with some input forms inside it.

Dropdown has option to close by:

• clicking outside of .dropdown-content
• clicking inside of .dropdown-content
• clicking on .dropdown-button

What I need is to not close when clicking inside of it, because i need to be able to fill in input forms and other actions.

Here is simple example

Answer 1

Quick solution would be to stopPropagation on click on content wrapper.

$('.dropdown-button + .dropdown-content').on('click', function(event) {
  event.stopPropagation();
});

I would avoid using 'dropdown' for this particular use-case. But if you want to stick to it just apply the snippet above.