Skip to content

Instantly share code, notes, and snippets.

@KonnorRogers
Created September 29, 2025 16:14
Show Gist options
  • Save KonnorRogers/9e3dc9a391e91a7cadd6af39b573bf9b to your computer and use it in GitHub Desktop.
Save KonnorRogers/9e3dc9a391e91a7cadd6af39b573bf9b to your computer and use it in GitHub Desktop.
popover custom elements?
class MyButton extends HTMLElement {
constructor () {
super()
this.addEventListener("click", handleClick)
}
handleClick = (e) => {
const popover = this.getAttribute("popover")
const popoverEl = this.rootNode().querySelector(`#${popover}`)
if (popver && popoverEl) {
e.preventDefault()
popoverEl.showPopover({ source: this.shadowRoot.querySelector("button") })
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment