docs: Remove iOS Navbar Dropdowns section (no longer relevant) (twbs#42424)

coliff · web-flow · commit 59a79e1dfb20 · 2026-05-21T17:19:57.000-07:00
Removed section on Navbar Dropdowns for iOS due to z-indexing complexity.

The `.dropdown-backdrop` class is no longer used anywhere and I don't think this issue exists.
diff --git a/site/src/content/docs/getting-started/browsers-devices.mdx b/site/src/content/docs/getting-started/browsers-devices.mdx
@@ -56,10 +56,6 @@ Support for `overflow: hidden;` on the `<body>` element is quite limited in iOS
 
 As of iOS 9.2, while a modal is open, if the initial touch of a scroll gesture is within the boundary of a textual `<input>` or a `<textarea>`, the `<body>` content underneath the modal will be scrolled instead of the modal itself. See [WebKit bug #153856](https://bugs.webkit.org/show_bug.cgi?id=153856).
 
-### Navbar Dropdowns
-
-The `.dropdown-backdrop` element isn’t used on iOS in the nav because of the complexity of z-indexing. Thus, to close dropdowns in navbars, you must directly click the dropdown element (or [any other element which will fire a click event in iOS](https://developer.mozilla.org/en-US/docs/Web/API/Element/click_event#Safari_Mobile)).
-
 ## Browser zooming
 
 Page zooming inevitably presents rendering artifacts in some components, both in Bootstrap and the rest of the web. Depending on the issue, we may be able to fix it (search first and then open an issue if need be). However, we tend to ignore these as they often have no direct solution other than hacky workarounds.
