Popover API là tính năng native HTML tạo popover, tooltip, dropdown mà không cần JS cho logic hiển thị/ẩn.
- Cách dùng: thêm
popovervào element,popovertargettrên trigger:<button popovertarget="my-pop">Open</button><div id="my-pop" popover>Content</div> - Browser tự xử lý: top layer (trên mọi z-index), light dismiss (click ngoài để đóng), focus management.
- CSS styling:
:popover-openkhi đang mở,::backdropcho overlay phía sau. - Thay thế nhiều thư viện JS popover phức tạp trước đây.