Chrome's Modern Web Guidance Trains AI Agents to Build Native Dialogs Instead of Legacy Z-Index Hacks

Unguided AI coding agents still default to outdated modal patterns from the 2019 web, but Chrome's Modern Web Guidance is teaching them to use native platform features instead. When prompted to build a modal with smooth animations, unguided agents typically generate custom <div> elements with z-index: 9999, manual focus trapping, and JavaScript setTimeout hacks to unmount the DOM. Guided agents, by contrast, now produce semantic <dialog> elements animated with CSS @starting-style, the overlay property, and allow-discrete transitions—eliminating z-index conflicts entirely and ensuring accessibility from the browser itself.