HTML/Attribute/popover

Das popover-Universalattribut wird verwendet, um ein Element als Popover-Element zu kennzeichnen.

Sie sind mit display: none versteckt, bis ein invoking/control Element (ein button oder input type="button" mit einem popovertarget-Attribut) oder ein HTMLElement.showPopover() aufgerufen wird.

Geöffnet erscheinen Popover über der Webseite im Top-Layer und werden nicht durch die Positon der Elternelemente beeinflusst.

erlaubte Werte	auto light dismiss, ein Klick auf die darunterliegende Webseite schließt das Popover manual benötigt explizites Verlassen durch Button
default-Wert	auto
erlaubt in	allen HTML-Elementen
Browsersupport	Details bei caniuse.com: mdn-api_htmlelement_popover

Beispiel

<div id="additional-info" popover>
  <h4> … </h4>
  <p> … <p>
</div>

Ein div erhält ein popover-Attribut. Ohne Wertzuweisung lässt es sich mit einem light dismiss durch einen Klick auf andere Elemente schließen.

Siehe auch

Infobox/Tooltips mit Popover

Weblinks

WHATWG: the popover attribute

• MDN: popover Attribute