jquense / react-bootstrap-modal

React port of jschr's better bootstrap modals
Other
89 stars 51 forks source link

Breaking Bug #49

Open audiolion opened 7 years ago

audiolion commented 7 years ago

The patched css provided with this library breaks any modals that were not created through this library/react. For instance if a page contained just the html markup for a modal it breaks due to the following code:

.modal {
  display: block
}

These other modals now will render on top of everything on the page but still be invisible and non-interactive so from the user perspective the entire page becomes unresponsive, but really its just that the modal is masking everything on the page and the user cannot dismiss it or see that it is there.

I am not sure why it was added or what its purpose is, it was introduces in this commit which has a huge diff and whose commit message is "boom".

thucnd commented 7 years ago

simple way You change to

div.modal.fade.in {
  display:block
}