# Popovers - Dismiss on next click

**URL:** <https://forum.pinegrow.com/t/popovers-dismiss-on-next-click/5597>\
**Category:** Bootstrap\
**Created:** [August 29, 2021, 2:05pm UTC](https://forum.pinegrow.com/t/popovers-dismiss-on-next-click/5597 "2021-08-29T14:05:31Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![wingers](https://avatars.discourse-cdn.com/v4/letter/w/6f9a4e/32.png) [@wingers](https://forum.pinegrow.com/u/wingers)\
**Post date:** [August 29, 2021, 2:05pm UTC](https://forum.pinegrow.com/t/popovers-dismiss-on-next-click/5597/1 "2021-08-29T14:05:31Z")

</div>

Hi,

How do I get a popover to dismiss on next click anywhere on page?

It is mentioned in BootStrap docs ([Popovers · Bootstrap v5.1](https://getbootstrap.com/docs/5.1/components/popovers/#dismiss-on-next-click)) but can’t see it as an option in Pinegrow

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [August 29, 2021, 2:55pm UTC](https://forum.pinegrow.com/t/popovers-dismiss-on-next-click/5597/2 "2021-08-29T14:55:32Z")

</div>

Hi @wingers,  
You will have to enter the dismiss code by hand. Just copy it from the Bootstrap docs and then place it in a script tag at the bottom of your document.  
Cheers,  
Bob

---

<div class="post-metadata">

**Author:** ![wingers](https://avatars.discourse-cdn.com/v4/letter/w/6f9a4e/32.png) [@wingers](https://forum.pinegrow.com/u/wingers)\
**Post date:** [August 29, 2021, 3:10pm UTC](https://forum.pinegrow.com/t/popovers-dismiss-on-next-click/5597/3 "2021-08-29T15:10:27Z")

</div>

Added this to bottom of mypage but still doesn’t work?

```auto
<script>

var popover = new bootstrap.Popover(document.querySelector('.popover-dismiss'), {

  trigger: 'focus'

})

</script>

```

Could it be because my popover is triggered from clicking on an image

```auto
  <img class="mx-auto d-block" src="images/logo_main.jpg" data-content="gfgfgfg" data-html="false" data-toggle="popover" data-trigger="click" title="aaaa">

```

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [August 29, 2021, 3:43pm UTC](https://forum.pinegrow.com/t/popovers-dismiss-on-next-click/5597/4 "2021-08-29T15:43:39Z")

</div>

I haven’t worked a lot with popovers, but I think you need to add a class of ‘popover-dismiss’ to your img and change the data-trigger to focus. Also, if you have the Pinegrow script for popovers also on the page, change the variable name to something like ‘popoverDismiss’.  
Let me know if this works,  
Bob

---

<div class="post-metadata">

**Author:** ![wingers](https://avatars.discourse-cdn.com/v4/letter/w/6f9a4e/32.png) [@wingers](https://forum.pinegrow.com/u/wingers)\
**Post date:** [August 29, 2021, 3:50pm UTC](https://forum.pinegrow.com/t/popovers-dismiss-on-next-click/5597/5 "2021-08-29T15:50:14Z")

</div>

Tried all that and still no joy, but thanks for trying to help.

For now I have set it to hover rather than click so it disappears anyway when moving mouse away from image