ARTICLE AD BOX
As the title suggests, when the "focus" trigger is set for Bootstrap's Popover function I am unable to interact with the elements within the popover. In this example I added a popover function to the text "Test" and within the popover element is a linked reference to google.com. Expected behavior: you click on the linked text "Google" and it opens a new tab to google.com . The actual behavior is that it just closes the popover.
jQuery(document).ready(function($) {
$("[data-bs-toggle=popover]")
.popover({
html: true,
trigger: 'focus'
})
});
<!DOCTYPE HTML>
<html>
<head>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" />
</head>
<body>
<a href="" onclick="return false;" data-bs-toggle="popover" data-bs-placement="bottom" data-bs-content="<a href='https://www.google.com' target='_blank'>Google</a>">Test</a>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
</body>
</html>
