I'm tryng to build a scrollable dropdown menu with Bootstrap, with a little triangle on the top margin.
I used the :after selector to style the triangle, and it works only if the dropdown is not scrollable.
As soon as i set the dropdown as scrollable, the :after class is ignored.
This is my custom css for scrollable-menu:
.scrollable-menu {
height: auto;
max-height: 500px;
overflow-x: hidden;
}
.scrollable-menu:after {
content:"";
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #e3c7aa;
position:absolute;
top:-10px;
right:30px;
}