Bug 294160

Summary: iOS Safari bugs with popover and :has()
Product: WebKit Reporter: Matt Wilcox <mail>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: RESOLVED DUPLICATE    
Severity: Normal CC: bfulgham, karlcow, koivisto, ntim, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: Safari 18   
Hardware: iPhone / iPad   
OS: iOS 18   

Matt Wilcox
Reported 2025-06-07 11:10:49 PDT
I'm not 100% sure on the root issue, but this _seems_ to be a problem with how `:popover-open` and `:has()` interact, specifically on the iOS version of Safari, as well as an issue with button styling interacting with these when `appearance: none;` is set on a button. A reduced test case showing the issue is here: https://codepen.io/mattwilcoxuk/pen/dPoWQWx Works fine on Mac Safari and all other tested browsers. Breaks weirdly in two different ways on iOS Safari.
Attachments
Tim Nguyen (:ntim)
Comment 1 2025-06-10 06:25:13 PDT
Do you know what exact version of iOS you're on? It's possible that this was fixed by bug 291174, but I'd need to double check
Matt Wilcox
Comment 2 2025-06-10 06:28:37 PDT
Thanks for looking into this. I'm running iOS 18.5 (22F76) on an iPhone 14.
Radar WebKit Bug Importer
Comment 3 2025-06-14 11:15:28 PDT
Tim Nguyen (:ntim)
Comment 4 2025-06-16 10:30:45 PDT
I can confirm this is fixed by bug 291174, which should be in iOS 18.6 and iOS 26.0. *** This bug has been marked as a duplicate of bug 291174 ***
Note You need to log in before you can comment on or make changes to this bug.