Popover API

Définition

API native via l'attribut popover qui gère popups, infobulles et menus sans JavaScript : couche supérieure, fermeture au clic extérieur, accessibilité. Baseline « Newly available » depuis avril 2024 pour l'attribut ; la valeur hint, pensée pour les infobulles au survol, a un support variable.

Analogie

Comme une bulle de dialogue dans une BD : elle apparaît au-dessus de tout et disparaît quand on passe à la case suivante.

Exemple de code

<button popovertarget="info">Aide</button>
<div id="info" popover>
  <p>Informations utiles ici</p>
</div>
<!-- Avec l'API Invoker Commands (Baseline déc. 2025) : -->
<button commandfor="info" command="toggle-popover">Aide</button>

Cas d'usage

Créer des tooltips, dropdowns et menus contextuels sans dépendance JS ni bibliothèque de positionnement.

Termes liés

Sources

• developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API
• developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/popover