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

  1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
Topic: [BUG REPORT] modal breaks when modal-body content too long

Weiser pro asked 7 years ago

Hi, if the modal-body content height is too high, modal view will break. result: https://imgur.com/a/ELm03 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: https://imgur.com/a/3axYF   HTML to reproduce: https://code.sololearn.com/W0x9RHn8M5iM/#html

Damian Gemza staff answered 7 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 7 years ago

Thank you Damian, that fixed the issue!

FREE CONSULTATION

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

Closed

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
About author
Weiser
Pro User
15Support score
10Questions 5Answers
0Snippets likes 0Snippets