title: I have a weird problem with bootstrap-vue tooltip position
body: <p>i have many pages with tables and alot of tooltips ...
  <br />
  the problem is that the tooltip works well in some pages
  <br />
  <a href="https://i.stack.imgur.com/94bk7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/94bk7.png" alt="it works well here" /></a></p>
  <p>.. but in some other pages it has a positioning problem that seems impossible to solve ...
  <br />
  <a href="https://i.stack.imgur.com/hE2rI.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hE2rI.png" alt="it doesn't work here" /></a>
  <br />
  i have tried adding the container:'body' but it didn't work .. also tried container:'#app' and the same problem still there ..
  the code for the both of them is the same ..
  <br />
  <a href="https://i.stack.imgur.com/wI4LE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wI4LE.png" alt="the code" /></a></p>
  <pre><code>&lt;a title=&quot;show&quot; href=&quot;#&quot; v-b-tooltip.hover.top=&quot;'Show'&quot;&gt;
    &lt;span class=&quot;pcoded-micon&quot;&gt;
        &lt;i class=&quot;fa fa-eye fa-lg mx-2&quot;&gt;&lt;/i&gt;
    &lt;/span&gt;
  &lt;/a&gt;
  </code></pre>