Bootstrap popover not showing html content when trigger is set to manual

Question

searched for some time and didn't find an answer. I want the popover to have html content, to open on hover and be clickable. But if I set the trigger to 'manual', then the button is not displayed. Do I set the trigger to hover, then the popover is not clickable. How can I fix that? Here jsfiddle

$(document).popover({ 
trigger: 'manual', 
sanitize: false, 
html: true, 
animation: true, 
selector: '.myHover', 
container: '#bootstrap-container'})

.on('mouseenter', '.myHover', function () { 
const _this = this; 
$(this).popover("show"); 
$(".popover").on("mouseleave", function () { 
    $(_this).popover("hide"); }); })
.on('mouseleave', '.myHover', function () { 
    const _this = this; 
  setTimeout(function () { 
  if (!$('.popover:hover').length) { 
    $(_this).popover('hide'); } }, 
    300); 
}); 

Thank you.