Dropdown Opens Under Modal - Css Issue

I have a bootstrap modal which has several dropdowns inside it due to lots of stuff I set overflow: auto so that it has scroll bar (see scroll bar at right side of the pic). Now pr

Solution 1:

Hi you need to give the absolute position for your dropdown ul like this

ul.dropdown {
  position: absolute;
  top: 110%;
  display: inline-block;
  vertical-align: middle;
}

and for the li childrens :

ul.dropdownli {
  padding: 0;
  max-width: 500px;
  max-height: 197px;
}