Bootstrap selection inside modal display not displaying as expected
Here is a violin . I have supplied Select
as a sample. It seems that it cannot be shown inside the modal. How can this be solved?
.................................................. . Update .....................................
To solve this problem, I added this CSS:
.bootstrap-select.btn-group .dropdown-menu.inner {
position: static;
}
Select-Option will now display, but it appears that the dropdown is taking up real space, which increases the height of the popup. But, I expect the popup to cross the popup if the dropdown's height is significant . How can i do this?
+3
source to share
1 answer
See updated jsFiddle: http://jsfiddle.net/mijopabe/gj9axc18/5/ You need to add this to your CSS:
.modal { overflow: visible; }
.modal-body { overflow-y: visible !important; }
I also took the liberty of including the appropriate CSS file from the CDN in the plugins:
//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.3/css/bootstrap-select.css
+2
source to share