Looking for a solution with my wrapper class that has specific CSS properties as follows:
#wrapper {
margin-left: -320px;
left: 350px;
width: 300px;
position: fixed;
overflow-y: scroll;
overflow-x:hidden;
top: 60px;
bottom: 10px;
transition: all 0.4s ease 0s;
}
#wrapper.affix-top {
position: fixed;
}
This is a left sidebar with a vertical scrollbar. Now, I am trying to add a dropdown menu on the right side of the wrapper. However, due to overflow-x: hidden, the full dropdown menu doesn't display properly. How can I show the entire dropdown without altering the wrapper itself? Removing overflow-x causes the dropdown to be accessible only through scrolling within the div, but I need it to pop out visually.