jquery webUI popover can not be focused

Question

I have a problem with webUI popover. I have 2 links that open popovers onclick and want to be able to copy the contents of both popovers without reloading the page. When I open one popover and try to do that everything goes as planed, but when I try to focus another popover after I did that to the first one it just disappears. Could someone help me with this problem?

html example:

<div style="text-align: center">
    <a class="popover_hot" title="HOT" data-content="hot">
        hot
    </a>

    <a class="popover_cold" title="COLD" data-content="cold">
        cold
    </a>
</div>

javascript:

$('.popover_hot').webuiPopover({
  animation: 'pop',
  placement: 'bottom-right',
  trigger: 'click'
});
$('.popover_cold').webuiPopover({
  animation: 'pop',
  placement: 'bottom-right',
  trigger: 'click'
});

JsFiddle here.

Answer 1

Use dismissible:false and multi:true options