Bug 213987 - [Web Animations] Tap event container offset for Angular Drop Animation
Summary: [Web Animations] Tap event container offset for Angular Drop Animation
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Animations (show other bugs)
Version: Safari 13
Hardware: iPhone / iPad iOS 13
: P2 Major
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2020-07-06 02:04 PDT by megatcorleone
Modified: 2020-07-10 13:07 PDT (History)
3 users (show)

See Also:


Attachments
Game Screenshot (406.53 KB, image/png)
2020-07-06 02:04 PDT, megatcorleone
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description megatcorleone 2020-07-06 02:04:50 PDT
Created attachment 403583 [details]
Game Screenshot

Ionic 3 - iOS 13.4 & above - Tap event container offset for Angular Drop Animation

Application: Ionic Native + Angular + Cordova 

I have issue when tap (click) on element when the element(packet) having drop animation from top to bottom. I found the issue is the clickarea for each element(packet) is slightly on the top of element(packet). I tried applying a lot of changes but still stuck for this issue.

<div tappable class="packet-container" [@dropFaster]="packet.animation" (tap)="openPacket(packet, 'faster', i)" *ngFor="let packet of randomizedFasterPacket; let i = index" [style.left.%]="packet.left">
    <img tappable [src]="packet.img" *ngIf="!packet.click" (tap)="openPacket(packet, 'faster', i)"/>
    <div *ngIf="packet.click" class="open-success-faster"><span>+1</span></div>
</div>
Comment 1 Radar WebKit Bug Importer 2020-07-06 02:05:05 PDT
<rdar://problem/65123664>
Comment 2 Antoine Quint 2020-07-06 08:42:24 PDT
This bug report does not have sufficient information to act on it. Ideally, a reduced testcase would be attached to this bug and reproduce the issue in Safari on an iOS device. Failing that, a way to run your app would be welcome, I simply cannot tell what it is. Finally, I have some questions: does your app use UIWebView or WKWebView? Does it also reproduce with the iOS 14 beta?
Comment 3 megatcorleone 2020-07-06 21:45:29 PDT
Hi Antoine, we never tested on iOS 14 Beta yet. I have tried fully WKWebview without UIWebView seems not working also. Does iOS 14 Beta have some kind of fixes for related to the web animation?
Comment 4 Antoine Quint 2020-07-07 04:48:54 PDT
Yes, we continuously fix bugs between releases. However, I don't know if they might be related to what you are seeing since you have not provided me with a way to diagnose your issue. Please provide a test case, otherwise we'll have to close this bug since there is no actionable information.
Comment 5 Antoine Quint 2020-07-07 05:30:19 PDT
I found https://github.com/angular/angular/issues/37684 which seems to be the same bug report on Angular, but there is no test case attached either.