title: Keep popover open when hovering it
body: <p>I have set up an element that triggers a <code>NgbPopover</code> on hover:</p>
  
  <pre><code>&lt;a [ngbPopover]="popContent" popoverTitle="MyPopover" triggers="mouseenter:mouseleave"&gt;Hover me&lt;/a&gt;
  </code></pre>
  
  <p>Currently, the popover will be shown when hovering the element and consecutively dismissed when leaving the area. What I'd like to achieve is to keep the popover open when the user hovers it, and only dismiss it when the user moves away from the element or the popover.</p>
  
  <p><a href="https://stackoverflow.com/questions/44124874/angular-4-ng-bootstrap-tooltips-outsideclick-trigger-like-ui-bootstrap">This SO question</a> may be related, but never got an answer. <a href="https://stackoverflow.com/questions/15989591/how-can-i-keep-bootstrap-popover-alive-while-the-popover-is-being-hovered">Another related question</a> that received some attention, where the proposed solutions (e.g., <a href="https://jsfiddle.net/eXpressive/hfear592/" rel="noreferrer">this one</a>) make use jQuery.</p>