<!-- Anchor button -->
<button id="anchor" popovertarget="tip">
  Hover or tap me
</button>

<!-- Auto popover, anchor-positioned -->
<div id="tip" popover class="tip">
  A native tooltip. No JavaScript needed.
</div>

<style>
  #anchor { anchor-name: --tip-anchor; }
  .tip {
    position-anchor: --tip-anchor; /* tie popover to its button */
    position-area: bottom;        /* top | bottom | left | right */
    margin: 8px;
  }
</style>

<script>
  const tip = document.getElementById("tip");
  // Auto popovers close on outside click and Escape
// and listen for the "toggle" event:
tip.addEventListener("toggle", (e) => {
  console.log(e.oldState, "->", e.newState);
});
</script>

5 of 5 free copies left.