RESOLVED CONFIGURATION CHANGED 158184
CSS Transitions don't occur when parent elements lose/gain "display: flex" 
https://bugs.webkit.org/show_bug.cgi?id=158184
Summary CSS Transitions don't occur when parent elements lose/gain "display: flex"
xymostech
Reported 2016-05-28 14:55:18 PDT
Example URL: https://jsbin.com/zekeko/edit Steps to reproduce the problem: 1. Make a container with display: flex 2. Add a CSS transition property to children of the container 3. Attempt to trigger the transition at the same time as removing display: flex from the container What is the expected behavior? The CSS transitions should happen. What went wrong? The transitions don't occur; instead, the style updates immediately. Also occurs in Chrome. Reported at https://bugs.chromium.org/p/chromium/issues/detail?id=615653#
Attachments
Add attachment proposed patch, testcase, etc.
Antoine Quint
Comment 1 2023-05-10 10:51:27 PDT
The reported URL shows an opacity animation in all of Safari 16, Chrome and Firefox. I believe this is now working as expected, closing as such.
Note You need to log in before you can comment on or make changes to this bug.