Bug 258565 – REGRESSION (257509@main): Tap event not registering on 3d transformed div

• Component: UI Events
• Status: RESOLVED FIXED

[Adam Bernath]

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.

[Radar WebKit Bug Importer]

<rdar://problem/111393557>

[alan]

Regressed at https://commits.webkit.org/257509@main

[alan]

https://commits.webkit.org/257255@main (Make hit-testing changes for css 3d transforms interop) might be the actual regression point.

[alan]

Created attachment 466845 [details]
Test reduction

[alan]

hittest on (double) rotated boxes works fine in flat space. Things start breaking when "transform-style" is "preserve-3d".

[Adam Bernath]

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).

[Matt Woodrow]

Pull request: https://github.com/WebKit/WebKit/pull/15707

[EWS]

Committed 266237@main (1aa517d47471): <https://commits.webkit.org/266237@main>

Reviewed commits have been landed. Closing PR #15707 and removing active labels.

[Adam Bernath]

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?

[Matt Woodrow]

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.

[Adam Bernath]

(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?