[Webkit-unassigned] [Bug 213987] New: [Web Animations]

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=213987

            Bug ID: 213987
           Summary: [Web Animations]
           Product: WebKit
           Version: Safari 13
          Hardware: iPhone / iPad
                OS: iOS 13
            Status: NEW
          Severity: Major
          Priority: P2
         Component: Animations
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: megatcorleone000 at gmail.com
                CC: dino at apple.com, webkit-bug-importer at group.apple.com

Created attachment 403583

  --> https://bugs.webkit.org/attachment.cgi?id=403583&action=review

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>

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20200706/cdbf12ec/attachment.htm>