diff options
| author | Mark Otto <[email protected]> | 2014-07-06 16:55:35 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2014-07-06 16:55:35 -0700 |
| commit | 5e41a23ec5da02e67be2a67dd0c692517b3b01bd (patch) | |
| tree | 91e0606a476a6bc7950bd40e15bbf88d1cbd97a5 | |
| parent | 9be2bbb5efdc09eb5446719daa8ac892b93f2ede (diff) | |
| download | bootstrap-5e41a23ec5da02e67be2a67dd0c692517b3b01bd.tar.xz bootstrap-5e41a23ec5da02e67be2a67dd0c692517b3b01bd.zip | |
Fixes #13835: More explicitly document mobile dropdown menu dismissing behavior
| -rw-r--r-- | docs/_includes/js/dropdowns.html | 4 |
1 files changed, 3 insertions, 1 deletions
diff --git a/docs/_includes/js/dropdowns.html b/docs/_includes/js/dropdowns.html index b32a2c033..31ca8b560 100644 --- a/docs/_includes/js/dropdowns.html +++ b/docs/_includes/js/dropdowns.html @@ -96,7 +96,9 @@ <h2 id="dropdowns-usage">Usage</h2> - <p>Via data attributes or JavaScript, the dropdown plugin toggles hidden content (dropdown menus) by toggling the <code>.open</code> class on the parent list item. When opened, the plugin also adds <code>.dropdown-backdrop</code> as a click area for closing dropdown menus when clicking outside the menu. Note: The <code>data-toggle=dropdown</code> attribute is relied on for closing dropdown menus at an application level, so it's a good idea to always use it.</p> + <p>Via data attributes or JavaScript, the dropdown plugin toggles hidden content (dropdown menus) by toggling the <code>.open</code> class on the parent list item.</p> + <p>On mobile devices, opening a dropdown adds a <code>.dropdown-backdrop</code> as a tap area for closing dropdown menus when tapping outside the menu, a requirement for proper iOS support. <strong class="text-danger">This means switching to another dropdown menu requires an extra tap on mobile.</strong></p> + <p>Note: The <code>data-toggle=dropdown</code> attribute is relied on for closing dropdown menus at an application level, so it's a good idea to always use it.</p> <h3>Via data attributes</h3> <p>Add <code>data-toggle="dropdown"</code> to a link or button to toggle a dropdown.</p> |