root
/
bootstrap
mirror of https://github.com/twbs/bootstrap.git
1
0
Fork 0
Code Issues Actions 13 Packages Projects Releases Wiki Activity

Document how to properly handle modals with dynamic content height 

Fixes #15106.
Closes #15910.
This commit is contained in:
Kevin Kirsche 2015-02-24 18:02:16 -05:00 committed by Heinrich Fenkart
parent c40c31a308
commit 769c27a19f
1 changed files with 3 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
docs/_includes/js/modal.html
View File

@ -394,6 +394,9 @@ $('#exampleModal').on('show.bs.modal', function (event) {
})
{% endhighlight %}
<h2 id="modals-handle-update">Modals with dynamic heights</h2>
<p>If the height of a modal changes while it is open, you should call <code>$('#myModal').data('bs.modal').handleUpdate()</code> to readjust the modal's position in case a scrollbar appears.</p>
<h2 id="modals-usage">Usage</h2>
<p>The modal plugin toggles your hidden content on demand, via data attributes or JavaScript. It also adds <code>.modal-open</code> to the <code>&lt;body&gt;</code> to override default scrolling behavior and generates a <code>.modal-backdrop</code> to provide a click area for dismissing shown modals when clicking outside the modal.</p>