Created by: emaildano
Issue
Modal by default does not include overflow:hidden
. This can cause a conflict with the border radius on modal-body
if any part of the modal background color is changed.
Example
When .modal-content
background is white, changing any other part of the modals background color such as Header or Footer it disabled the border radius, visually.
Fix
Adding overflow:hidden
to .modal-content
does not create any conflicts with existing code but it does resolve instances when the modal header, footer, and body are not the same color.