267688 2024-01-18 04:05:00 -0800 [popover] Light dismiss doesn't work on iOS/iPadOS 2025-04-18 01:35:31 -0700 1 1 1 Unclassified WebKit DOM Safari 17 iPhone / iPad iOS 17 RESOLVED FIXED https://bugs.webkit.org/show_bug.cgi?id=273141 BrowserCompat, InRadar P2 Normal --- 1 russ ntim anon185441 a_protyasha bramus bugzilla callionica cory firefoxic.dev ik imbashenk joellenkimball karlcow lwarlow maggotfish ntim rik sacolo9459 webkit-bug-importer webkitbugs yivarak978 oldest_to_newest 2005820 0 russ 2024-01-18 04:05:00 -0800 The click/touch on the backdrop of a open [popover], does not close the [popover] on Safari iOS/iPadOS. It does close the [popover] on the Safari macOS, Chrome desktop, Firefox desktop (with a polyfill), Chrome Android, Firefox Android (with a polyfill). The [popover] should close when clicked/touched on the backdrop [popover]::backdrop or pressing the escape key on a keyboard. MDM Example https://mdn.github.io/dom-examples/popover-api/blur-background/ In the above example, click/touch the ‘Show popover’ button. Now click/touch outside the [popover] on the screen background (purple stars) and this should close the [popover] (light-dismissal). It does **not** close the [popover] in Safari 17.2 iPadOS and Safari17.2.1 iOS. It **does** close the [popover] as expected in Safari macOS 17.2.1. In addition, using an Apple Magic Keyboard with an iPad Pro M2 11", clicking with the trackpad on the background does close the [popover]. But Command + period key (Esc) should dismiss the [popover] but does not. 2007524 1 webkit-bug-importer 2024-01-25 04:05:14 -0800 <rdar://problem/121591037> 2020361 2 webkitbugs 2024-03-11 21:23:53 -0700 Hi, I have the same issue even with any backdrop. Just a popover (short for popover="auto" should allow to be closed when clicked/taped outside of it. Or I can’t achieve that on my phone on iOS 17.4. Here a very simple demo you can test on if you wanna reproduce the issue https://codepen.io/Tixie/pen/eYozYvj 2021489 3 lwarlow 2024-03-15 16:41:52 -0700 I'm able to reproduce this issue, specific on my iPad running iPad OS 17.4, a touch outside of a popover won't close it, but clicking with a mouse (for example one moved onto the iPad via universal control from a mac) does close it. Adding a pointerdown event listener to document.body, "fixes" the issue. 2021639 4 webkitbugs 2024-03-17 06:18:10 -0700 Wow cursed 😆 2056766 7 callionica 2024-08-31 00:51:17 -0700 This is an important bug to fix before we can use popover in our sites. If you have any influence over MDN compat data, maybe you could also encourage an update to show this issue to avoid confusion. I’m seeing this bug still on iOS 17.6.1 2058477 8 imbashenk 2024-09-08 11:42:44 -0700 Would love to see a fix for this. It is such an important feature of the popover API. 2064519 9 ik 2024-10-01 08:23:03 -0700 Friendly ping, this bug is still reproducible in iOS 18. ...and an Interop 2024 focus area: https://webkit.org/blog/14955/the-web-just-gets-better-with-interop/#:~:text=on%20Windows%2010.-,The%202024%20Focus%20Areas,-Accessibility 2067562 10 ntim 2024-10-13 01:57:02 -0700 From Luke's comment, if anyone wants to give a stab at fixing this, I think this is the right code to touch: https://searchfox.org/wubkat/rev/cde6cf2e21001cb4055a5f891ce3d7abe5eee3e9/Source/WebCore/dom/Element.cpp#495-496,518 Line 518 is the one that triggers the light dismiss codepath, and line 495/496 is the line that blocks this codepath from being reached when there's no relevant event listener. EWS should show a progression if this is fixed, and the iOS baseline of the popover-light-dismiss.html test can be updated accordingly if that is the case. 2067973 11 ntim 2024-10-14 23:50:41 -0700 Pull request: https://github.com/WebKit/WebKit/pull/35200 2067992 12 472935 ntim 2024-10-15 01:37:13 -0700 Created attachment 472935 with-pointerdown-listener.html .... 2071096 13 ntim 2024-10-28 16:43:28 -0700 I debugged this a bit further, the touch events seem blocked at the UI process level, `WebPageProxy::handlePreventableTouchEvent` has `touchEventsTrackingType` set to `NotTracking` in the bad case, to `Asynchronous` in the good case. 2072023 14 ews-feeder 2024-10-31 18:00:52 -0700 Committed 285990@main (818287041d80): <https://commits.webkit.org/285990@main> Reviewed commits have been landed. Closing PR #35200 and removing active labels. 2088172 15 ntim 2025-01-17 16:31:02 -0800 For those wondering, this bug fix shipped in Safari 18.3 beta: https://developer.apple.com/documentation/safari-release-notes/safari-18_3-release-notes 2111767 16 joellenkimball 2025-04-18 01:35:31 -0700 (In reply to Tim Nguyen (:ntim) from comment #15) > For those wondering, this bug fix shipped in Safari 18.3 beta: > https://developer.apple.com/documentation/safari-release-notes/safari-18_3-release-notes https://cluster-rush.com Thanks for sharing! 472935 2024-10-15 01:37:13 -0700 2024-10-15 01:37:25 -0700 with-pointerdown-listener.html file_267688.txt text/html 149 ntim PGRpdiBwb3BvdmVyIGlkPXBvcG92ZXI+DQpIaQ0KPC9kaXY+DQo8c2NyaXB0Pg0KcG9wb3Zlci5z aG93UG9wb3ZlcigpOw0KDQphZGRFdmVudExpc3RlbmVyKCJwb2ludGVyZG93biIsICgpID0+IHsN CiAgY29uc29sZS5sb2coImhpIikNCn0pDQo8L3NjcmlwdD4=