title: Quickly scrolling away from hover-triggered popover does not hide popover
body: <p>I am using hover-triggered popovers for certain highlighted rows in a table and when you scroll away from the  element relatively quickly using the mouse scroll wheel, the popover continues to show for an extra second even though you are no longer hovering the target element. It creates a strange effect where the popover scrolls away from the direction you are scrolling to, moving outside the border of the table.</p>
  
  <p>Here is some example code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code> $('.popover_class').popover({
     trigger: 'hover',
     placement: 'right'
   })</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;tr class="bg-warning popover_class" data-toggle="popover" data-content="example"&gt;&lt;/tr&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I've tried a variety of solutions including hiding the popover on scroll event after initializing it with the code above:</p>
  
  <pre><code>$('.popover_class').on('scroll', function() {
        this.popover('hide');
  });
  </code></pre>
  
  <p>Using bootstrap 4, popper.js 1.15, jquery 3.4, DataTables. </p>
  
  <p>Thanks</p>