HTML/Attribute/popover

Browserunterstützung
caniuse.com

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

Solche Elemente sind mit display:none versteckt, bis ein steuerndes Element (ein button oder input type="button" mit einem popovertarget-Attribut) den Popover auslöst oder bis 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

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

Liste der HTML-Attribute

• Universalattribute
  • accesskey
  • contenteditable
  • class
  • data-*
  • dir
  • draggable
  • enterkeyhint
  • hidden
  • id
  • inputmode
  • itemprop
  • lang
  • nonce
  • on*
  • part
  • popover
  • popovertarget
  • popovertargetaction
  • role
  • slot
  • spellcheck
  • style
  • tabindex
  • title
  • translate
• Aria-Attribute
• Formular-Attribute
• Listen-Attribute
• Medien-Attribute
• Meta-Attribute
• Tabellen-Attribute
• Verweis-Attribute
• obsolet oder gelöscht