Topic: [BUG REPORT] modal breaks when modal-body content too long

Weiser pro asked 5 years ago

Hi, if the modal-body content height is too high, modal view will break. result: the header collapse with the body and footer is not reachable.   if you add overflow: auto to <div mdbModal> you get following result by scrolling down:   HTML to reproduce:

Damian Gemza staff answered 5 years ago

Hello Weiser, There's simple fix for this situation. Please head to /scss/angular/free/_modals.scss, find class .modal-full-height and change her height: 100% style to min-height: 100%. Do same thing to in file /scss/mdb/free/_modals.scss (change height to min-height). This fix will be included in next release. Best Regards, Damian

Weiser pro commented 5 years ago

Thank you Damian, that fixed the issue!


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

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