跳到內容

Tooltip (am-tooltip)

am-tooltip 目前使用 popover="manual" 與小型腳本控制開關,並以 getBoundingClientRect() 做四向定位。

目前穩定能力:

  • placement: top / bottom / left / right
  • props: contentdelaycloseDelay
  • 互動:hover 與 focus 顯示、leave / blur 關閉

目前不應假設:

  • -start / -end placement
  • 自動 flip
  • CSS Anchor Positioning 作為正式定位路徑;目前仍是 getBoundingClientRect() script positioning

Anchor Positioning 仍是後續可加入的 progressive enhancement,不是目前 stable contract。

詳見 playground /playground/tooltip/ 範例。