JSFiddle - React, Tailwind, and code Playground

HTML

<div popover>
X
</div>

JavaScript

let d = document.querySelector("div");
d.showPopover();
d.addEventListener("beforetoggle", (e) =>
{
  if (e.newState == "closed") {
    d.hidePopover(); // Doesn't throw in Chrome dev edition. Should it throw, because `d` doesn't have the popover attribute?
  }
}, { once: true })
setTimeout(() => { d.removeAttribute("popover"); }, 1000);