Tooltip misplacement with "top auto"

[gharlan]

http://jsbin.com/risupocu/2/

I would expect that the tooltip is shown on bottom..

[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.

[hnrch02]

@tlindig That's definitely out of the scope of this bug report. Please file a separate issue with your proposal and we can discuss your suggestion there.

[cvrebert]

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

[Saranya-Raaj]

MO, this is not a bug. By specifying “auto top”, you meant to display the tip on the top when possible otherwise bottom. Since you have room for showing tip it appears on top. You can refer this bin where tip is showed on bottom when no room is available. Just my thought. Correct me if i am wrong.
You could force the tip to show on bottom by specifying “bottom” alone like tooltip2 element in the above jsbin example.

[tlindig]

@Matrixz The bug is, that it do not care the given viewport: 'section', the container with the red border.

[gharlan]

@hnrch02 Thanks for your fix.

But there is a new case where the placement is wrong with "auto top": http://jsbin.com/risupocu/11/
The first tooltip is correct now. But the second one (scroll to second tooltip item and hover it) is wrong, the tooltip should be on top.

[hnrch02]

@gharlan Please file a new issue.