Comments on: Animating the Dialog Element https://frontendmasters.com/blog/animating-dialog/ Helping Your Journey to Senior Developer Wed, 16 Jul 2025 13:20:51 +0000 hourly 1 https://wordpress.org/?v=6.9 By: Matthew Morete https://frontendmasters.com/blog/animating-dialog/#comment-33768 Wed, 16 Jul 2025 13:20:51 +0000 https://frontendmasters.com/blog/?p=2341#comment-33768 In reply to Berserkr.

If the dialog has a display of flex/grid/block it’ll persist in regular flow when its not modal, causing an afterimage. Adding display to the animation would fix that since it’ll take priority, but you might want to move any display declarations to dialog[open] { ... } rather than dialog {...}

]]> By: Berserkr https://frontendmasters.com/blog/animating-dialog/#comment-33738 Wed, 16 Jul 2025 09:24:40 +0000 https://frontendmasters.com/blog/?p=2341#comment-33738 I had a bug where an Afterimage of the dialog appeared where it would have been placed had it been if it were a normal html element. I solved this by adding Display: None and Display: Block to the animation keyframes.

]]> By: Chris Coyier https://frontendmasters.com/blog/animating-dialog/#comment-12315 Sat, 28 Sep 2024 12:38:43 +0000 https://frontendmasters.com/blog/?p=2341#comment-12315 In reply to Nikolay.

The allow-discrete stuff isn’t on v17 https://caniuse.com/mdn-css_properties_display_is_transitionable

]]> By: Nikolay https://frontendmasters.com/blog/animating-dialog/#comment-12222 Fri, 27 Sep 2024 03:11:02 +0000 https://frontendmasters.com/blog/?p=2341#comment-12222 This examples doesn’t work on my iPad 17.6.1

]]>