Topic: Dropdown button does not work behind the Angular Router
Puza free asked 6 months ago
Expected behavior When using Angular Router, Dropdown button should be collapsed by default. Dropdown should show items on click.
Actual behavior When Dropdown is behind the Angular Router, it does not work. All dropdown items are showing and collapsing does not work.
Tested with both firstname.lastname@example.org and Angular 12 / email@example.com Angular 13, same behaviour.
Resources (screenshots, code snippets etc.) Example application: https://github.com/tpuza/mdb-dropdown
@Puza Thank you for the detailed description. I think the problem is in the
empty.page.module settings. This lazy-loaded module does not have access to the MDB modules imported in the root
app.module. In order to use the dropdown component inside the
EmptyPageComponent, you need to add
MdbDropdownModule import to the
EmptyPageModule imports array.
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
- User: Free
- Premium support: No
- Technology: MDB Angular
- MDB Version: MDB5 2.2.0
- Device: PC
- Browser: Chrome
- OS: Windows 11
- Provided sample code: No
- Provided link: Yes