RESOLVED DUPLICATE of bug 276727 289473
Ungraceful degradation for dialog exit animations 
https://bugs.webkit.org/show_bug.cgi?id=289473
Summary Ungraceful degradation for dialog exit animations
Jeroen Zwartepoorte
Reported 2025-03-10 10:36:23 PDT
https://codepen.io/argyleink/pen/zYbQBOm In STP 214: 1. Click the "Show Dialog" button 2. The dialog and backdrop fadein ✅ 3. Click the "Close" button in the dialog 3.1 The backdrop disappears immediately ✅ 3.2 The dialog moves from the center of the page to near the top of the page ❌ 3.3 The dialog fades out ✅ In Firefox, it degrades gracefully: no movement and no animation. The dialog+backdrop just disappears. I expect STP to *not* do step 3.2.
Attachments
Add attachment proposed patch, testcase, etc.
Jeroen Zwartepoorte
Comment 1 2025-03-10 11:06:51 PDT
You can work around the broken exit animation, by doing: ```css @supports not (overlay: auto) { transition-duration: 0s; } ``` Using this, can get WebKit to behave the same as FF on the exit animation. It won't affect Chromium.
Radar WebKit Bug Importer
Comment 2 2025-03-10 17:17:27 PDT
<rdar://problem/146701656>
Tim Nguyen (:ntim)
Comment 3 2025-03-31 05:51:07 PDT
This is because the demo uses the `overlay` CSS property which is not supported by WebKit. *** This bug has been marked as a duplicate of bug 276727 ***
Note You need to log in before you can comment on or make changes to this bug.