frontend-impl-popover-dialog-anchor
Installation
SKILL.md
Frontend Impl : Popover, Dialog, Anchor Positioning
Authoritative reference for the modern top-layer authoring stack. Three APIs share one mental model : promote element to top layer, position relative to anchor, animate enter and exit with discrete-property transitions. Pick <dialog> for modal interruption; pick the Popover API for transient non-modal surfaces.
Quick Reference
Baseline status
| Feature | Baseline | Source |
|---|---|---|
<dialog> element |
Widely Available since March 2022 | MDN : dialog (verified 2026-05-19) |
Popover API (popover attribute) |
Newly Available since January 2025 | MDN : Popover API (verified 2026-05-19) |
@starting-style, transition-behavior: allow-discrete |
Newly Available since August 2024 | MDN : @starting-style (verified 2026-05-19) |
Anchor Positioning core (anchor-name, position-anchor, anchor()) |
Limited / rolling out 2024 to 2026 | MDN : CSS Anchor Positioning (verified 2026-05-19) |
position-area, position-try-fallbacks |
Newly Available since January 2026 | MDN : position-try-fallbacks (verified 2026-05-19) |
overlay property |
Limited (Chromium-led) | MDN : overlay (verified 2026-05-19) |