Dropdown selected item border broken


Topic: Dropdown selected item border broken

Marvin Herbold pro premium priority asked 3 years ago

When selecting a dropdown menu item, the border corners breaks. See the snippet below -

https://mdbootstrap.com/snippets/standard/marvin_herbold/3197831

  • Step 1 - run snippet
  • Step 2 - click on the drop up button to open it up
  • Step 3 - observe that all 4 corners are rounded which is good
  • Step 4 - right click on the drop up action item
  • Step 5 - now observe the top two corners are now square which is wrong

Michał Duszak staff answered 3 years ago

Hello, thank you for reporting this issue. We will fix this asap. Until then, you can patch it with this CSS:

.dropdown-menu>li:last-child, .dropdown-menu>li:last-child .dropdown-item {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
}

https://mdbootstrap.com/snippets/standard/m-duszak/3201777#css-tab-view


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: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 3.9.0
  • Device: All
  • Browser: All
  • OS: All
  • Provided sample code: No
  • Provided link: Yes
Tags