RESOLVED FIXED298341
REGRESSION (iOS 26): Buttons with box shadow are broken
https://bugs.webkit.org/show_bug.cgi?id=298341
Summary REGRESSION (iOS 26): Buttons with box shadow are broken
krissalvador
Reported 2025-09-03 13:54:54 PDT
Created attachment 476619 [details] The button turns white as opposed to adding a translucent white box shadow rgba(255,255,255,0.1) This issue will affect Stripe Checkout on iOS26 and potentially other cases where box shadow on button is broken. Description Box shadow spread is not respected on button. Steps to reproduce Use an iPhone with access to iOS 26 Go to this payment link https://buy.stripe.com/test_9B63cugE2dk15pS4BQdfG03 on Safari Click the Qty 1 button to adjust the Qty See that the entire button turns white Expected behavior We apply a box-shadow: inset 0 0 100px 100px rgba(255,255,255,0.1) that on previous iOS versions applied a translucent white box shadow to indicate hover/active states for our buttons. iOS 26 no longer sets a translucent white box shadow and instead turns the entire button white. Environment Device: iPhone (multiple models tested) OS: iOS 26 Browser: Safari
Attachments
The button turns white as opposed to adding a translucent white box shadow rgba(255,255,255,0.1) (357.15 KB, image/png)
2025-09-03 13:54 PDT, krissalvador
no flags
Test reduction (594 bytes, text/html)
2025-09-04 15:38 PDT, Simon Fraser (smfr)
no flags
Ahmad Saleem
Comment 1 2025-09-03 15:12:28 PDT
*** Bug 298342 has been marked as a duplicate of this bug. ***
Radar WebKit Bug Importer
Comment 2 2025-09-04 15:00:15 PDT
Simon Fraser (smfr)
Comment 3 2025-09-04 15:38:09 PDT
Created attachment 476643 [details] Test reduction
Simon Fraser (smfr)
Comment 4 2025-09-04 18:05:39 PDT
EWS
Comment 5 2025-09-04 21:20:25 PDT
Committed 299603@main (f3bffa929090): <https://commits.webkit.org/299603@main> Reviewed commits have been landed. Closing PR #50334 and removing active labels.
Note You need to log in before you can comment on or make changes to this bug.