vue-strap icon indicating copy to clipboard operation
vue-strap copied to clipboard

Tooltip issues within a table

Open kylekz opened this issue 8 years ago • 5 comments

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.

kylekz avatar Oct 06 '16 21:10 kylekz

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

wffranco avatar Oct 07 '16 03:10 wffranco

any updates on this?

thinkTank15 avatar Feb 02 '17 01:02 thinkTank15

Nothing yet :cry:

wffranco avatar Feb 14 '17 12:02 wffranco

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

galipmedia avatar Feb 27 '17 17:02 galipmedia

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

Sevenka avatar Sep 19 '17 09:09 Sevenka