Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: issue with dropdown

estalis free asked 1 year ago


Expected behavior the dropdown menu doesn't have the same behavior as in v4.01. it's going outside of the screen (the button is the bell icon)

Actual behavior enter image description here Resources (screenshots, code snippets etc.)



We are already aware of this problem and it should be fixed in the next update. As a workaround for now, please try to use this code:

Add this rule to the global styles in styles.scss file:

.dropdown-menu {
  position: inherit;
}

Add dropdown-menu-end class to the element with .dropdown-menu class:

<ul
  mdbDropdownMenu
  class="dropdown-menu dropdown-menu-end"
  aria-labelledby="navbarDropdownMenuLink"
>


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

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: MDB5 5.0.0
  • Device: -
  • Browser: chrome
  • OS: -
  • Provided sample code: No
  • Provided link: No