Class NativePopover

All Implemented Interfaces:
Attachable, ElementAttributeMethods<HTMLDivElement, NativePopover>, ElementClassListMethods<HTMLDivElement, NativePopover>, ElementConsumerMethods<HTMLDivElement, NativePopover>, ElementContainerMethods<HTMLDivElement, NativePopover>, ElementEventMethods<HTMLDivElement, NativePopover>, ElementIdMethods<HTMLDivElement, NativePopover>, ElementQueryMethods<HTMLDivElement>, HTMLElementAttributeMethods<HTMLDivElement, NativePopover>, HTMLElementDataMethods<HTMLDivElement, NativePopover>, HTMLElementStyleMethods<HTMLDivElement, NativePopover>, HTMLElementVisibilityMethods<HTMLDivElement, NativePopover>, IsElement<HTMLDivElement>, TypedBuilder<HTMLDivElement, NativePopover>, Closeable<HTMLDivElement, NativePopover>, Component, ComponentIcon<HTMLDivElement, NativePopover>, Modifiers.NoPadding<HTMLDivElement, NativePopover>

A popover is in-app messaging that provides more information on specific product areas. Popovers display content in a new window that overlays the current page. Unlike modals, popovers don't block the current page.

This implementation uses the Popover API and CSS anchor positioning instead of Popper.js. The popover uses the browser's top-layer rendering for correct stacking, eliminating z-index issues.