title: Bootstrap: scrollbar disappears after closing modal
body: <p>I'm using Boostrap 3 and I have one modal displaying some HTML contents, and it has a scrollbar since all content doesn't fit into viewport. Inside this modal, there's a link to open another modal. Everything works fine, the second modal opens but when I close it, the scrollbar disappears and I can't scroll on the first modal (it's not possible to scroll with scroll wheel on mouse as well). Here's the code for modals:</p>
  
  <pre><code>&lt;!-- First modal for creating voucher --&gt;
  
  &lt;div class="modal fade" id="createVoucherModal" tabindex="-1" role="dialog" aria-labelledby="createVoucherModal" aria-hidden="true"&gt;
      &lt;div class="modal-dialog" style="width: 800px;"&gt;
          &lt;div class="modal-content"&gt;
              &lt;div class="modal-header"&gt;
                  &lt;button type="button" class="close" data-dismiss="modal"&gt;&lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;&lt;span class="sr-only"&gt;Zatvori&lt;/span&gt;&lt;/button&gt;
                  &lt;h4 class="modal-title"&gt;Izradi voucher&lt;/h4&gt;
              &lt;/div&gt;
              &lt;div id="voucher-modal-body" class="modal-body" style="margin: 20px 40px 20px 40px;"&gt;
                  &lt;!-- here goes dinamically created content (with jQuery) --&gt;
              &lt;/div&gt;
              &lt;div class="modal-footer"&gt;
                  &lt;a id="modal-create-pdf" href="" target="_blank"&gt;&lt;button type="button" class="btn btn-primary" id=""&gt;Kreiraj PDF&lt;/button&gt;&lt;/a&gt;
                  &lt;button type="button" class="btn btn-default" data-dismiss="modal"&gt;Zatvori&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;!-- Second modal for editing note voucher --&gt;
  
  &lt;div class="modal fade" id="editVoucherNoteModal" tabindex="-1" role="dialog" aria-labelledby="editVoucherNoteModal" aria-hidden="true"&gt;
      &lt;div class="modal-dialog"&gt;
          &lt;div class="modal-content"&gt;
              &lt;div class="modal-header"&gt;
                  &lt;button type="button" class="close" data-dismiss="modal"&gt;&lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;&lt;span class="sr-only"&gt;Zatvori&lt;/span&gt;&lt;/button&gt;
                  &lt;h4 class="modal-title"&gt;Uredi bilješke&lt;/h4&gt;
              &lt;/div&gt;
              &lt;div id="voucher-modal-body" class="modal-body"&gt;
                  &lt;textarea style="width: 100%; height: 100px;" id="voucher_note_input"&gt;&lt;/textarea&gt;
              &lt;/div&gt;
              &lt;div class="modal-footer"&gt;
                  &lt;button type="button" class="btn btn-primary voucher_note_edit_button"&gt;Spremi&lt;/button&gt;
                  &lt;button type="button" class="btn btn-default" data-dismiss="modal"&gt;Zatvori&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Body of the first modal is empty because it's dinamically generated with jQuery, but here's the link for opening second modal</p>
  
  <pre><code>&lt;a href="javascript:;" data-toggle="modal" data-target="#editVoucherNoteModal" id="voucher_note_edit" style="display: none;"&gt;Uredi&lt;/a&gt;
  </code></pre>
  
  <p>Pictures are linked, since I can't upload them there without 10 reputation:</p>
  
  <p><a href="https://imgur.com/a/9pX1K" rel="nofollow noreferrer">Pictures</a></p>
  
  <p>First one shows first modal opened, on the second picture there's second modal opened and on the third picture the second modal is closed and there's no scrollbar.</p>