Skip to content

Commit 65fd47f

Browse files
committed
Disable tap highlights on iOS (#12299)
* Disable tap highlights on iOS * Update changelog * Update snapshots * Update changelog
1 parent d0d2ba1 commit 65fd47f

File tree

3 files changed

+305
-301
lines changed

3 files changed

+305
-301
lines changed

CHANGELOG.md

+1
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
3030
### Changed
3131

3232
- Simplify the `sans` font-family stack ([#11748](https://github.com/tailwindlabs/tailwindcss/pull/11748))
33+
- Disable the tap highlight overlay on iOS ([#12299](https://github.com/tailwindlabs/tailwindcss/pull/12299))
3334

3435
## [3.3.6] - 2023-12-04
3536

src/css/preflight.css

+2
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,7 @@
2424
4. Use the user's configured `sans` font-family by default.
2525
5. Use the user's configured `sans` font-feature-settings by default.
2626
6. Use the user's configured `sans` font-variation-settings by default.
27+
7. Disable tap highlights on iOS
2728
*/
2829

2930
html,
@@ -35,6 +36,7 @@ html,
3536
font-family: theme('fontFamily.sans', ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); /* 4 */
3637
font-feature-settings: theme('fontFamily.sans[1].fontFeatureSettings', normal); /* 5 */
3738
font-variation-settings: theme('fontFamily.sans[1].fontVariationSettings', normal); /* 6 */
39+
-webkit-tap-highlight-color: transparent; /* 7 */
3840
}
3941

4042
/*

0 commit comments

Comments
 (0)