Post

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.

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.