0

I am using bootstrap and jquery in ASP.NET MVC application having multiselect bootstrap.

Functionality wise, it is running perfectly fine. However, when I set it inside the modal popup, it is not showing properly, as you can see in the below image.

enter image description here

z-index is not set properly.

I am looking for any solution such as setting x-index or some other permanent solution.

kyle
  • 691
  • 1
  • 7
  • 17
3 rules
  • 1,359
  • 3
  • 26
  • 54
  • You can try to set some height to the `div` which populates the `drop-down` content and then add `overflow-y:scroll`. This will add inner scroll bar to the drop-down. – Nik Feb 13 '19 at 06:28
  • @Nik Setting height on div will show some fixed height it is right but the drop-down list still open inside the div of modal popup I want to show opened dropdown list outside the modal popup so the user doesn't have to scroll for hidden options of the drop-down list. As you can see attached screenshot in the question. – 3 rules Feb 13 '19 at 06:38
  • Check if answer to this question helps. https://stackoverflow.com/questions/48671543/bootstrap-dropdown-hiding-in-modal?noredirect=1&lq=1 – Nik Feb 13 '19 at 06:43
  • setting z-index also not useful – 3 rules Feb 13 '19 at 13:08

0 Answers0