Is the scroll bar of a bootstrap dropdown menu sticking out of the box when using the border radius property? Looking for a solution?
Check out this example code and preview:
<div class="container py-4">
<div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" data-bs-toggle="dropdown">Dropdown <span class="caret"></span></button>
<ul class="dropdown-menu">
<li class="dropdown-item"><a href="#">Item</a></li>
(more list items here)
<li class="dropdown-item"><a href="#">Item</a></li>
</ul>
</div>
</div>
.dropdown-menu {
max-height: 280px;
overflow-y: auto;
border-radius:30px;
}