Dropdown menu disappears on click

Topic: Dropdown menu disappears on click

lisablu2020 asked 6 years ago

Expected behavior Similar to bootstrap 4, if you add a element inside a dropdown-menu, clicking items within the form will not cause the dropdown-menu to disappear.

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

Using bootstrap 4, clicking "Hi" will not close the dropdown.

Actual behavior Angular MDB Bootstrap does not seem to have this capability. Using the code above, clicking "Hi" will still close the dropdown.

Is there a way to prevent the dropdown from closing when clicking on certain elements within the dropdown?

Add comment

Closed

This topic is closed.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Closed

Specification of the issue

User: Free
Premium support: No
Technology: MDB Angular
MDB Version: 7.4.1
Device: PC
Browser: Chrome
OS: Windows 10
Provided sample code: No
Provided link: No

Related topics

1: Can't remove active state from first child <li> in dropdown

0: waves.css not being referenced by mdb

0: How to use Dropdown menus in RTL in Angular 13?

0: Dropdown menu disappears on click, even on items within form

0: Dropdown Menu Alignment

About author

lisablu2020

17Support score
3Questions 0Answers

0Snippets likes 0Snippets