Tooltip issues within a table

kylekz commented 8 years ago

I'm loading my data with vue-resource after the page as loaded, if it matters.

I have two issues.

<td>
  <tooltip effect="scale" placement="top" trigger="hover" :content="quest.quest.description">
    <div class="btn-table-align">
      @{{ quest.quest.name }}
    </div>
  </tooltip>
</td>

The tooltip does nothing.

<td>
  <div class="btn-table-align">
    <tooltip effect="scale" placement="top" trigger="hover" :content="quest.quest.description">
      @{{ quest.quest.name }}
    </tooltip>
  </div>
</td>

The tooltip loads in like this: http://i.imgur.com/K6j2lPn.png

With the following error in console:

Uncaught TypeError: Cannot read property 'offsetLeft' of undefined

Am I dumb and doing something wrong or what? Also tooltips/popovers on the demo/example page aren't working either.

wffranco commented 8 years ago

Tooltip and popover stop working right. I'll check it because i don't know the reason.

thinkTank15 commented 7 years ago

any updates on this?

wffranco commented 7 years ago

Nothing yet :cry:

galipmedia commented 7 years ago

For me I have to set the table td to position: relative then it appears. Otherwise it up in the top corner.

Sevenka commented 7 years ago

Still having this issue. Adding position: relative helps to take the right position of tooltip, but that errors in the console still persist

yuche / vue-strap

Tooltip issues within a table #375