Rewrite Tooltip and Popover

[tlindig]

May be it is time to rewrite the tooltip and popover and outsource the complexity of position calculation to a specialized pluglin like PosititionCalculator . OK, that is from myself but it does what you need.

Then the bootstrap tooltip and popover only need to apply the calculated position, add the correct class for orientation (to get the arrow to the right side) and manage events.

Here is an simple example: http://jsbin.com/sifec/9/edit?html,js,output

You would get for free the auto position with flip and stick depending on a viewport / boundary with 9 possible placements instead of the 4 you now supports.

That could solve issues like this:
#14322, #14323, #14197, #13934, #13897 ...

[cvrebert]

Another library option might be Tether (http://github.hubspot.com/tether/).
Anyway, I personally agree with the thrust of the suggestion, that we should outsource this particularly tricky part of the code to another library if feasible.

[tlindig]

As @cvrebert said:

(Another library option is http://github.hubspot.com/tether/ )

Yes that library handle auto placement for you too. But it does some more stuff:

• it has focus to scrolling issues. So it change the DOM to attach the the popup element to body, if it is out of viewport of a scrolling container.
• it brings a lot code that do the same, that jQuery can do, to be independent of jQuery
• it set own styles to the popup element to set it position
• it adds some css classes to view elements

For my project, it was to much.

[hnrch02]

I agree that this particular part of the code is rather tricky but I'm not sure how I feel about adding another third-party dependency. Anyways, it's @fat's call.

[fat]

yeah… i didn't write any of the positioning stuff for the tooltip because i was kind of meh about adding it in the first place.

it should probably be revisited in v4 – not sure whether we should rewrite it ourselves or use a third party lib. +/- with both

[mdo]

Noted for v4.