Post

@developer.chrome.com

Your prompt: "Add a modal that smoothly slides into view and fades out when closed." Unguided coding agent: Custom <div>, z-index: 9999, and JS setTimeout unmount hacks. Guided coding agent: Native <dialog> with @starting-style, overlay, and allow-discrete transitions.

Chrome for Developers

@developer.chrome.com

Correction: since this video was recorded, MWG has been updated to improve cross-browser compatibility. allow-discrete shouldn't be used in the transition shorthand; set it separately in transition-behavior so older browsers don't drop the whole transition.

21/10/26, 6:46 pm1 repost6 likes

Rick Viscomi

@rviscomi.dev

I drafted the text above yesterday, and re-reading it now I should have said "unsupported browsers" rather than "older browsers" 💙