MDB Angular dropdown in Navigation is not working


Topic: MDB Angular dropdown in Navigation is not working

skota pro asked 2 years ago

Expected behavior

Dropdown should work in all scenarios

Actual behavior

Dropdown is working on page load and refresh. But not working when we navigate to the page

Scenario 1: If user is not logged in, i'm going to login screen then navigating to dashboard where i have sidenav layout

Scenario 2. If user is logged in, i'm going directly to dashboard

Scenario 1 has issue (left window in the screenshot)

Scenario 2 is working fine (right window in the screenshot)

As per the left window in the screenshot, the order of CSS is causing the issue.the display is none.

https://www.loom.com/share/32c0664d34054d2fb44799eccfdf06da

https://github.com/skota-tech/mdbangular/tree/main/dropdown-issue

Resources (screenshots, code snippets etc.)![enter image description here]enter image description here


Arkadiusz Idzikowski staff commented 2 years ago

Could you please edit your post and provide an example code that you use in both views (login view and the one in dropdown) so we can reproduce this problem using the same example?


skota pro commented 2 years ago

Updated the POST and dropped a link of video


Arkadiusz Idzikowski staff commented 2 years ago

Thank you, this information will be very helpful. We will take a closer look at that and try to find the cause of the problem. As a workaround for now, please try to add this rule to the styles.scss file: .dropdown.show .dropdown-menu { display: block !important; }


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: MDB4 13.0.0
  • Device: dell laptop
  • Browser: chrome
  • OS: windows
  • Provided sample code: No
  • Provided link: Yes