popover="hint"

Chrome 133, Firefox 149; Safari pendiente (elemento de Interop 2026), no es Baseline.

Chrome 133Edge 133Safari noFirefox 149

Un popover de clase tooltip que no cierra los popovers `auto` abiertos y se cierra cuando se abre otro hint. Con `popovertargetaction`, `interestfor` (Chrome) y anchor positioning da tooltips nativos.

Saves the draft (Ctrl+S)

CSS

.fx-042-btn {
  anchor-name: --fx-042;
  padding: 8px 14px;
  font: 600 14px system-ui
}
.fx-042 {
  position-anchor: --fx-042;
  position-area: top;
  inset: auto;
  margin: 0 0 6px;
  padding: 6px 10px;
  border: 0;
  border-radius: 6px;
  background: #111;
  color: #fff;
  font: 12px system-ui
}
.fx-042 :is(a,button,input,select,textarea):focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }

HTML

<button class="fx-042-btn" popovertarget="fx-042-tip">Save</button>
<div id="fx-042-tip" popover="hint" class="fx-042">Saves the draft (Ctrl+S)</div>

Fallback: Safari trata el valor desconocido como `popover="manual"`; el tooltip sigue alternándose desde el botón.

Fuente: caniuse.com/mdn-api_htmlelement_popover_hint and https://github.com/web-platform-tests/interop/blob/main/2026/README.md

Prompt

Usa `popover="hint"` para los tooltips, de modo que no cierren un menú abierto (`popover="auto"`), ánclalos al disparador con anchor positioning y deja que el navegador gestione el apilado. Donde importe el soporte de Safari, el comportamiento degrada a un popover manual, lo cual es aceptable.