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
                
                  
                
                
                
                  
                  
                  
                    
                    
                
              
              
              
            
                      
                        Add comment
                      
                    
                  
                
                      
                      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
                    
                      
                    
                    
                    
                    
                  
                  
                Closed
This topic is closed.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
              Closed
Specification of the issue
              - ForumUser: Pro
 - Premium support: No
 - Technology: MDB Angular
 - MDB Version: -
 - Device: -
 - Browser: -
 - OS: -
 - Provided sample code: No
 - Provided link: No
 
Tags