[Webkit-unassigned] [Bug 271457] New: Element not being visible after animation

[bugzilla-daemon at webkit.org]

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

            Bug ID: 271457
           Summary: Element not being visible after animation
           Product: WebKit
           Version: Safari 17
          Hardware: Mac (Apple Silicon)
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Animations
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: mic.gallego at gmail.com
                CC: dino at apple.com, graouts at apple.com

Created attachment 470481

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

Issue

Hello,

I am experiencing another very odd issue with Safari on animations. The issue is not reproducible on Firefox nor Chrome. I have been unable to re-create a minimal example so it might be a combination of factors.

The issue is reproducible on Safari 16.5, 17.4 and TP.

To reproduce the issue, you need to use this page: https://stretch-theme-dev.myshopify.com
Enter into the store using the password rewblo

To reproduce the issue, click on the "Catalog" link in the header to open a dropdown menu. The code uses an animation to reveal the menu, and commit the final styles (opacity: 1). However, on Safari only, the menu completely disappears once the animation has ended, despite the style being properly applied on the element (see attached screenshot).

The only way I have found to solve the issue is by adding a `will-change: transform` on the element, but this seems like an odd fix.

Thanks.

-- 
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/20240322/664f8368/attachment.htm>