diff options
author | XhmikosR <xhmikosr@gmail.com> | 2020-11-18 22:08:02 +0300 |
---|---|---|
committer | XhmikosR <xhmikosr@gmail.com> | 2020-11-24 09:40:11 +0300 |
commit | aed84c943055f1a8930d337b6b954c026532a4a0 (patch) | |
tree | 19f3977fa4ebb1930011f59c255f0d2503a5f947 | |
parent | 7eee78c517d72f4c70ad7ec3e9b73f1f439de97d (diff) |
Backport #32189
docs(dropdowns): clarify where is `.show` applied
-rw-r--r-- | site/content/docs/4.5/components/dropdowns.md | 2 |
1 files changed, 1 insertions, 1 deletions
diff --git a/site/content/docs/4.5/components/dropdowns.md b/site/content/docs/4.5/components/dropdowns.md index 6f8ba5794b..e2c7fb5278 100644 --- a/site/content/docs/4.5/components/dropdowns.md +++ b/site/content/docs/4.5/components/dropdowns.md @@ -772,7 +772,7 @@ Use `data-offset` or `data-reference` to change the location of the dropdown. ## Usage -Via data attributes or JavaScript, the dropdown plugin toggles hidden content (dropdown menus) by toggling the `.show` class on the parent list item. The `data-toggle="dropdown"` attribute is relied on for closing dropdown menus at an application level, so it's a good idea to always use it. +Via data attributes or JavaScript, the dropdown plugin toggles hidden content (dropdown menus) by toggling the `.show` class on the parent `.dropdown-menu`. The `data-toggle="dropdown"` attribute is relied on for closing dropdown menus at an application level, so it's a good idea to always use it. {{< callout info >}} On touch-enabled devices, opening a dropdown adds empty (`$.noop`) `mouseover` handlers to the immediate children of the `<body>` element. This admittedly ugly hack is necessary to work around a [quirk in iOS' event delegation](https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html), which would otherwise prevent a tap anywhere outside of the dropdown from triggering the code that closes the dropdown. Once the dropdown is closed, these additional empty `mouseover` handlers are removed. |