Skip to content

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

Open
coliff wants to merge 1 commit into
twbs:mainfrom
coliff:patch-1
Open

docs: Remove iOS Navbar Dropdowns section (no longer relevant)#42424
coliff wants to merge 1 commit into
twbs:mainfrom
coliff:patch-1

Conversation

@coliff
Copy link
Copy Markdown
Contributor

@coliff coliff commented May 20, 2026

Description

Removed section on Navbar Dropdowns for iOS due to z-indexing complexity.

Motivation & Context

The .dropdown-backdrop class is no longer used anywhere and I don't think this issue exists.

Type of changes

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Refactoring (non-breaking change)
  • Breaking change (fix or feature that would change existing functionality)

Checklist

  • I have read the contributing guidelines
  • My code follows the code style of the project (using npm run lint)
  • My change introduces changes to the documentation
  • I have updated the documentation accordingly
  • I have added tests to cover my changes
  • All new and existing tests passed

Live previews

Related issues

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.
Copilot AI review requested due to automatic review settings May 20, 2026 02:53
Copy link
Copy Markdown

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Removes outdated iOS-specific documentation for navbar dropdown behavior, based on the fact that .dropdown-backdrop is no longer used in the codebase and the described z-index workaround is no longer relevant.

Changes:

  • Removed the “Navbar Dropdowns” subsection from the iOS quirks area in the browser/device support docs.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment on lines 56 to 60

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

@coliff
Copy link
Copy Markdown
Contributor Author

coliff commented May 20, 2026

Regrading Copilot's suggestion - I'd say remove that (https://deploy-preview-42424--twbs-bootstrap.netlify.app/docs/5.3/getting-started/browsers-devices/#overflow-and-scrolling) section too.

It says that issue was fixed in Chrome in v40 and fixed in Safari 5 years ago.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants