Bug 298342
| Summary: | Buttons with box shadow are broken | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | krissalvador |
| Component: | New Bugs | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED DUPLICATE | ||
| Severity: | Critical | CC: | ahmad.saleem792 |
| Priority: | P2 | ||
| Version: | Safari 26 | ||
| Hardware: | iPhone / iPad | ||
| OS: | iOS 26 | ||
krissalvador
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 | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Ahmad Saleem
*** This bug has been marked as a duplicate of bug 298341 ***