bootstrap

Bootstrap popover to dismiss on next click

The main idea is to use <a> element with  tabindex="0" attribute and data-bs-trigger should be focus instead of click:

<a tabindex="0" class="btn btn-lg btn-danger" 
role="button" data-bs-toggle="popover" 
data-bs-trigger="focus" title="Dismissible popover" 
data-bs-content="And here's some amazing content. It's very engaging. Right?">
Dismissible popover
</a>
Subscribe to bootstrap