Skip to content

docs: add iOS-native switch feedback for Safari in Bootstrap docs#41231

Closed
anish-anantharaman wants to merge 4 commits intotwbs:mainfrom
anish-anantharaman:feature/switch-docs
Closed

docs: add iOS-native switch feedback for Safari in Bootstrap docs#41231
anish-anantharaman wants to merge 4 commits intotwbs:mainfrom
anish-anantharaman:feature/switch-docs

Conversation

@anish-anantharaman
Copy link
Copy Markdown

@anish-anantharaman anish-anantharaman commented Feb 17, 2025

Description

Added a note in the Bootstrap documentation about Safari's native switch support on iOS 17.4 and later. This allows users to get haptic feedback when toggling switches in Bootstrap on iPhones, using the new switch attribute. Additionally, a mention of using native switch appearance for a more iOS/macOS-like experience was added, enhancing accessibility with system settings like "Differentiate Without Color" and "Prefers Higher Contrast."

Motivation & Context

This change provides a minor yet useful enhancement for iOS users, making the Bootstrap switch input behave like native iOS switches with haptic feedback. It adds no functional changes but improves the user experience on iPhones with iOS 17.4+. The change aligns with Bootstrap's goal to ensure cross-browser and cross-device consistency, especially for iOS users.

##Type of changes
New feature

Checklist

  • I have read the contributing guidelines
  • My code follows the code style of the project (using npm run lint)
  • This contribution introduces changes to the documentation

Live previews

Related issues

Closes #41223

@mdo mdo added this to v5.3.6 Apr 7, 2025
@github-project-automation github-project-automation Bot moved this to To do in v5.3.6 Apr 7, 2025
@mdo
Copy link
Copy Markdown
Member

mdo commented Apr 11, 2025

Hmm, fails validator because it doesn't like the switch attribute. May need to revisit rules there.

@julien-deramond
Copy link
Copy Markdown
Member

julien-deramond commented Apr 11, 2025

Hmm, fails validator because it doesn't like the switch attribute. May need to revisit rules there.

For the switch part, if it works on Safari and you're ready to merge this PR @mdo, you can add an exception into the vnu-jar file, yeah.
For the "Lorem ipsum" part, maybe just change the wording instead of adding an exception.

@mdo
Copy link
Copy Markdown
Member

mdo commented Apr 22, 2025

Redoing this in #41396.

@mdo mdo closed this Apr 22, 2025
@github-project-automation github-project-automation Bot moved this from To do to Done in v5.3.6 Apr 22, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

No open projects
Status: Done

Development

Successfully merging this pull request may close these issues.

Docs: Add a note about using the switch attribute on Switches

3 participants