Question

Views

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.

over 4 years ago · Santiago Trujillo

Answer question

Accepted Answer · 2022-06-13T20:59:24.611Z

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.