Tooltips in Tabs in Modal don't position correctly

[jub3i]

My first issue submission. I searched and did not find anything related to this issue here or on google, also checked the docs and nothing.

The fiddle displays the issue, http://jsfiddle.net/mCy6V/
I only tested in FF28

To reproduce in the fiddle:

1. open the modal
2. click the "add tooltips" button
3. observe the current tabs tooltip is positioned correctly.
4. observe that in the remaining tabs, the tooltips are positioned to the upper left of the tab and NOT over the span element

I think the modal in the tooltip/modal/tab combination is not the issue, its more the tooltip/tab, but that is a fiddle for another day...

[cvrebert]

Don't forcibly show tooltips on hidden elements?
E.g. If you use non-manual triggering and remove the manual show calls, the tooltips in your example work fine.
I suppose this could stand to be noted in the docs. Does that sound satisfactory?

[jub3i]

Ok so I'm using tooltips like below:

Above depicts a form split over 3 tabs, and in a modal. When there is a validation error I manually trigger the tooltips. After reading the docs a little more it seems popovers may be better suited to this problem, however, following this fiddle (http://jsfiddle.net/mCy6V/3/), they also behave incorrectly like the tooltips not positioning correctly.

I'm quite new to javascript in general so if my understanding is wrong I apologize in advance: I see what your saying about applying things to hidden elements and how that is likely the problem, however it seems like my use case is fairly legitimate for those popovers/tooltips and they do not work just for the fact that are "hidden" in a tab... hence it is a bug. That's my reasoning anyway, look forward to your response.

[fat]

if you're using tips manually like that, you'll have to tell them to reposition themselves when you change the dom on them like that manually.

if you need help figuring that out, please refer to the bootstrap mailing list. cheer!

[fat]

hint: basic idea is on tab change, call tooltip hide/show, etc.

[cvrebert]

@fat There is no mailing list anymore. We're referring folks to StackOverflow nowadays.

[fat]

@cvrebert oh cool, thanks

[jub3i]

thanks for the help @cvrebert and @fat , I modified the fiddle for a proof of concept, in case any one else runs into this problem: http://jsfiddle.net/mCy6V/5/

[Enalmada]

For anyone finding this ticket in google after hitting this issue, consider the using the tooltip('update') in a shown.bs.tab event:

$(document).on('shown.bs.tab ', '.something', function (e) {
    $('[data-toggle="manual-tooltip"]').tooltip('update');
});