Post

Chrome for Developers
@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.

Jake Archibald
@jakearchibald.com

@rviscomi.dev am I right that the "unguided agent" has produced a modal that animates in & out in all browsers, but with the power of Google's Modern Web Guidance it has used a pattern that only animated out in Chrome?

Rick Viscomi
@rviscomi.dev

Yes, we had a bug in the guidance at the time this video was recorded a few weeks ago, but it has since been fixed. I also noticed the bug in the video yesterday and requested a correction, which should be coming soon. But thanks for pointing it out.

0 reposts0 likes

Rick Viscomi
@rviscomi.dev

Yes, I found and fixed the bug in the guidance but didn't connect the dots with the video someone else on my team had already recorded until it was already published. My mistake.