From: Kevin Kirsche Date: Tue, 24 Feb 2015 23:02:16 +0000 (-0500) Subject: Document how to properly handle modals with dynamic content height X-Git-Tag: v3.3.4~79 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=769c27a19f4ce8d5d298cedc07905d5300022e24;p=thirdparty%2Fbootstrap.git Document how to properly handle modals with dynamic content height Fixes #15106. Closes #15910. --- diff --git a/docs/_includes/js/modal.html b/docs/_includes/js/modal.html index 1b653d17c0..0e2de1d61b 100644 --- a/docs/_includes/js/modal.html +++ b/docs/_includes/js/modal.html @@ -394,6 +394,9 @@ $('#exampleModal').on('show.bs.modal', function (event) { }) {% endhighlight %} +

Modals with dynamic heights

+

If the height of a modal changes while it is open, you should call $('#myModal').data('bs.modal').handleUpdate() to readjust the modal's position in case a scrollbar appears.

+

Usage

The modal plugin toggles your hidden content on demand, via data attributes or JavaScript. It also adds .modal-open to the <body> to override default scrolling behavior and generates a .modal-backdrop to provide a click area for dismissing shown modals when clicking outside the modal.