Instead of making scrollbar to whole modal-dialog how can I make it to only modal body. I have tried few methods like
.modal-dialog{
overflow-y: initial;
}
.modal-body{
height: 50%;
overflow-y: auto;
}
but it didn't work in my case.
Just add :
.modal-body{
height: 200px;
overflow-y: auto;
}
.modal-dialog {
z-index: 1050;
}
The modal overlay (z-index:1050) is above the modal content and prevent the scroll. And you have to fix the height too.