Modal Cannot Scroll


Topic: Modal Cannot Scroll

apichai52 pro asked 4 years ago

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')

 


Dawid Adach pro answered 4 years ago

Dear apichai52 , Please add following style to your style.scss , we will fix that in next release :
.modal-open .modal {

overflow-y: auto;

}

Marta Szymanska staff pro premium answered 4 years ago

Hi, could you provide any demo of your project so I can reproduce the problem? Best, Marta

apichai52 pro answered 4 years ago

Hi Marta, I've just send detail of my program to your email. Thank you. Apichai  

Marta Szymanska staff pro premium commented 4 years ago

Hi, at which address you sent me a message because I don't have anything on m.szymanska@mdbootstrap.com. Best, Marta

apichai52 pro answered 4 years ago

Sorry for sending to wrong address. I've just sent to your email. Thank you. Apichai

Marta Szymanska staff pro premium commented 4 years ago

OK, I'll check your message.

apichai52 pro answered 4 years ago

Yeah. It works! Thank you.

rrosales pro premium priority answered 2 years ago

This issue isnt fixed yet.


Konrad Stępień staff commented 2 years ago

@apichai52,

Can you test modal long content example?


sKuD commented a year 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 a year ago

Please provide the HTML code as well so we can reproduce this problem correctly on our end.


Please insert min. 20 characters.
Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No