[Webkit-unassigned] [Bug 254401] New: Animations inside a Details tag only fire once

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Fri Mar 24 02:39:35 PDT 2023


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

            Bug ID: 254401
           Summary: Animations inside a Details tag only fire once
           Product: WebKit
           Version: Safari 16
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Animations
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: kizmarh at ya.ru
                CC: dino at apple.com, graouts at apple.com

Created attachment 465567

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

Video recording of the CodePen link demonstrating the bug: expanding the details only fires the animation once, while showing/hiding an element via a checkbox fires it every time.

Steps to reproduce:

1. Create a `<details>` tag.
2. Put an element inside that has an animation that runs once.
3. Expand the details, close it, expand again.

Codepen link: https://codepen.io/kizu/pen/XWPopdM

When there is an element with an animation inside the details, it works only the first time we expand the details, but does not work on any consecutive toggling.

This is an issue that would prevent us from using animations of transitions for the details content — with the new discrete display animations (https://github.com/w3c/csswg-drafts/issues/6429), as well as with the initial state transitions (https://github.com/w3c/csswg-drafts/issues/8174), it would be really nice to use them with `<details>`, but this bug prevents us from it.

Checked in other browsers: Chrome has the same issue (I did file it there as well — https://bugs.chromium.org/p/chromium/issues/detail?id=1427375), while Firefox seem to work as I expect it to.

-- 
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/20230324/78dedb63/attachment-0001.htm>


More information about the webkit-unassigned mailing list