258565 2023-06-27 06:53:11 -0700 REGRESSION (257509@main): Tap event not registering on 3d transformed div 2023-11-27 21:42:12 -0800 1 1 1 Unclassified WebKit UI Events Safari 16 iPhone / iPad iOS 16 RESOLVED FIXED https://bugs.webkit.org/show_bug.cgi?id=229141 InRadar P2 Critical --- 265309 1 bernath.adam mattwoodrow a_protyasha mattwoodrow richard_robinson2 simon.fraser volkov.slava31 webkit-bug-importer wenson_hsieh zalan oldest_to_newest 1963793 0 bernath.adam 2023-06-27 06:53:11 -0700 Dear Webkit team, The latest iOS version does not register the same tap events as the previous versions did (tested on 14.8.1 and it also worked on the previous major iOS version 15 - before updating my phone to the latest one that is 16.5.1 at the time of writing). Here is a site that you can test it on with different ios safari versions: https://app.referric.com When you tap the "..." buttons the divs turn 180 degrees with css transform, and the back side of the divs contain information and buttons which worked without any issue (and still works in older ios safari browsers), but the current version is not registering the same touch events and the links are not tappable, while on older ios safari browsers (eg 14.8.1) you can turn back the card with the "x" button. Please look into this issue, as I have no idea where else to turn for help, my business is relying on iOS safari users, and would really appreciate some help. 1963830 1 webkit-bug-importer 2023-06-27 08:50:59 -0700 <rdar://problem/111393557> 1964040 2 zalan 2023-06-28 09:10:53 -0700 Regressed at https://commits.webkit.org/257509@main 1964043 3 zalan 2023-06-28 09:18:48 -0700 https://commits.webkit.org/257255@main (Make hit-testing changes for css 3d transforms interop) might be the actual regression point. 1964052 4 466845 zalan 2023-06-28 09:58:06 -0700 Created attachment 466845 Test reduction 1964081 5 zalan 2023-06-28 11:57:23 -0700 hittest on (double) rotated boxes works fine in flat space. Things start breaking when "transform-style" is "preserve-3d". 1965086 6 bernath.adam 2023-07-05 02:19:37 -0700 Hi, any update on this issue? I can see its a problem of the 3d transform - but it wasnt an issue in earlier versions - even tried with the -webkit- equivalent, didnt help (although that is something that was an issue many years ago, and was fixed to work without the webkit prefix, if I'm not mistaken). 1966037 7 mattwoodrow 2023-07-10 14:20:09 -0700 Pull request: https://github.com/WebKit/WebKit/pull/15707 1967800 8 ews-feeder 2023-07-23 18:55:09 -0700 Committed 266237@main (1aa517d47471): <https://commits.webkit.org/266237@main> Reviewed commits have been landed. Closing PR #15707 and removing active labels. 1967815 9 bernath.adam 2023-07-24 01:32:52 -0700 Thank you, I've seen the progress, unfortunately there are still some issues: - when transforming around the Y axis (ios safari https://app.referric.com) it partially works, I can flip back the cards, but the small link still dont get a tap event (terms and conditions above the cta) - when transforming around the X axis it is still not getting events and no way to turn back the cards (ios safari eg. https://www.nyacasino.se) - other events also not firing on the back face (cta, terms link, x button) Can you please look into it? 1968194 10 mattwoodrow 2023-07-25 20:44:13 -0700 The fix here has only been merged into WebKit, it hasn't shipped in an iOS Safari release yet. Both of those sites should work correctly when it does. 1968214 11 bernath.adam 2023-07-26 06:12:12 -0700 (In reply to Matt Woodrow from comment #10) > The fix here has only been merged into WebKit, it hasn't shipped in an iOS > Safari release yet. > > Both of those sites should work correctly when it does. okay, makes sense - what do you think when will that happen roughly? 466845 2023-06-28 09:58:06 -0700 2023-06-28 09:58:06 -0700 Test reduction 258565.html text/html 473 zalan PHN0eWxlPiAKLnJvdGF0ZVggewogIHRyYW5zZm9ybTogcm90YXRlWCgxODBkZWcpOwogIHRyYW5z Zm9ybS1zdHlsZTogcHJlc2VydmUtM2Q7CiAgd2lkdGg6IDMwMHB4OwogIGhlaWdodDogMjAwcHg7 CiAgYmFja2dyb3VuZDogY3lhbjsKIH0KCi5yb3RhdGVZIHsKICB3aWR0aDogMjAwcHg7CiAgaGVp Z2h0OiAxMDBweDsKICB0cmFuc2Zvcm06IHJvdGF0ZVkoMTgwZGVnKTsKICBiYWNrZ3JvdW5kOiBi bHVlOwp9CgojYnV0dG9uIHsKICB3aWR0aDogMTAwcHg7CiAgaGVpZ2h0OiA1MHB4OwogIGJhY2tn cm91bmQtY29sb3I6IHJlZDsKfQo8L3N0eWxlPgpQQVNTIGlmIHRhcHBpbmcgb24gdGhlIHJlZCBy ZWN0YW5nbGUgdHVybnMgaXQgaW50byBncmVlbi4KPGRpdiBjbGFzcz1yb3RhdGVYPjxkaXYgY2xh c3M9cm90YXRlWT48ZGl2IGlkPWJ1dHRvbiBvbmNsaWNrPSJidXR0b24uc3R5bGUuYmFja2dyb3Vu ZENvbG9yPSdncmVlbiciPgo=