Topic: Dropdown selected item border broken
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
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
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- 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