Topic: Modal Cannot Scroll
I'm using MDB Angular Pro version. I copy modal code from of Register Form from https://mdbootstrap.com/angular/advanced/modals/.
The modal display as in the example. Then I decrease browser screen height until some part of modal disappear, the modal is not scrollable.
However when I do the same on the example modal in 'https://mdbootstrap.com/angular/advanced/modals/' , it is scrollable.
Don't know what different. How can I make it scrollable ?
(I've just copy the code and paste it into 'app.component.html')
.modal-open .modal {
overflow-y: auto;
}
Marta Szymanska staff pro premium commented 7 years ago
Hi, at which address you sent me a message because I don't have anything on m.szymanska@mdbootstrap.com. Best, Marta
This issue isnt fixed yet.
Konrad Stępień staff commented 5 years ago
Can you test modal long content example?
sKuD commented 4 years ago
Hi, it does'nt work if you want use it with Interface : let modalOptions = { backdrop: true, keyboard: true, focus: true, show: false, class : "modal-dialog-scrollable", ignoreBackdropClick: true, containerClass: '', animated: true } this.modalRef = this.modalService.show(ModalAddFighterComponent,modalOptions);
Arkadiusz Idzikowski staff commented 4 years ago
Please provide the HTML code as well so we can reproduce this problem correctly on our end.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: No
- Technology: MDB Angular
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No