The position-visibility property conditionally hides an absolutely-positioned element — e.g. when its anchor is off-screen, or when it would overflow a scrolling container. Especially useful with anchor positioning for tooltips and popovers..tooltip {
position-visibility: anchor-visible;
}.popover {
position: absolute;
position-anchor: --trigger;
position-visibility: anchor-visible no-overflow;
}alwaysElement is always shown — no conditional hiding.anchor-validHides the element if its anchor doesn't exist or is invalid.anchor-visibleHides the element if its anchor isn't visible (default).no-overflowHides the element if it overflows its clipping container.CSS Anchor Positioning Module Level 1Editor's DraftW3CMDN⚓
