javascriptangularjsmodal-dialogbootstrap-modal

First modal scroll hiding when second modal is closed


When using two modals, on close of second modal the scroll of the first modal is hiding. An example can be seen here (This is not my code I just used it to show what my problem is ). My First modal box code is here:

<div id="myModalFirst" class="modal fade" role="dialog" tabindex="-1">
  <div class="modal-dialog modal-sm">
    <div class="modal-content">// custom divs here</div>
  </div>
</div>

My Second modal box code is here:

<div id="myModalSecond" class="modal fade" role="dialog" tabindex="-1">
  <div class="modal-dialog modal-sm">
    <div class="modal-content">// custom divs here</div>
  </div>
</div>

Is there any solution for this issue.


Solution

  • After closing second modal, the first one are getting overflow-y:hidden somehow. Even if its set to auto actually. You can try like this using css

    #myModalFirst {
        overflow-y:scroll;
    }