Control or disable popover

You can manually control a popover when selecting its coup-doeil element using javascript.

<coup-doeil id="my-popover">
    <!-- ... -->
</coup-doeil>

const coupdoeilElement = document.querySelector("coup-doeil#my-popover")

open

coupdoeilElement.openPopover()

close

coupdoeilElement.closePopover()

disabling/enabling

A coup-doeil element can be disabled so the popover won’t open, regardless of the trigger option selected.

coupdoeilElement.disabled // => false

coupdoeilElement.disabled = true

coupdoeilElement.disabled // => true