Modal loading tray size when content changes

Question

I have a bootstrap modal window that contains a form. If the user submits the form, it is verified through Ajax. If there is any error, it is displayed above the form in modal (without reloading the page).

Thus, I need to resize the modality when the content changes. Any ideas?

Answer 1

Have you tried not to set the height of the div?

Answer 2

I have the same problem. I just delete the maximum height.

.modal-body { overflow-y: auto; /*max-height: 400px;*/ padding: 15px; } 

Answer 3

As the last answer suggests editing the basic definition of css, I would discourage this, this is bad practice. In whatever.css, you can use CSS Point Score to rewrite it like this:

 div.modal-body { overflow-y: auto; max-height: none; padding: 15px; }