Better defaults for popovers - Manuel Matuzovic

问题：HTML popover 默认定位在 viewport 中央 ( 类似 dialog )，不符合多数需要贴近触发按钮的 UI 场景。 方法：利用 CSS Anchor Positioning ( popover 自带 implicit anchor )，通过 position-area 将 popover 相对于触发元素定位。

问题：popover 在靠近 viewport 边缘时可能发生溢出。 方法：使用 position-try-fallbacks 让 popover 在 inline / block 轴上自动翻转位置。

问题：部分浏览器 ( 如 Safari ) 尚不支持 CSS Anchor Positioning。 方法：使用 @supports feature query，仅在支持 position-area 时启用相关定位规则。