Tooltips auto placement calculates available space wrongly.

[qris]

If the tooltip is positioned "auto right", then it assumes that its own left + width must be less than the parent width, otherwise it switches to the alternate position:

placement == 'right'  && pos.right + actualWidth      > parentDim.width ? 'left'

However that's not actually true because it ignores the position of the parent (specifically its left offset). Thus it's easy for the tooltip to think there's not enough space when there is.

For example, if you look at the attached screenshot you can see that:

pos.right: 807.75
actualWidth: 191
parentDim.width: 483
parentDim.left: 694.75
parentDim.right: 1177.75

The tooltip should be to the right of the "Add/Remove" button, and clearly there is space: pos.right + actualWidth = 999, while parentDim.right = 1177. However the calculation uses parentDim.width instead of parentDim.right, ignoring the left offset of the parent, so it thinks there isn't enough space.

[hnrch02]

Please provide a live example on JS Bin demonstrating the problem.

[qris]

http://jsbin.com/tavewami/1/edit?html,js,output

Note that the "auto" placement moves the tooltip over to the left, unnecessarily. It would fit on the right.

[cvrebert]

Still an issue in v3.2.0: http://jsbin.com/fifosile/4/

[hnrch02]

@RR2DO2 has fixed this in #12284: http://jsbin.com/tavewami/2

[natevw]

I'm guessing this is related to an issue I'm having?

I want the tooltips to show up to the right of my text unless there is not enough space. So according to my understanding of the documentation I should use data-placement="auto right", correct?

But when I use auto right the tooltip almost always shows to the left…even when there is not enough space to the left! If I use auto left, then the tooltip almost always shows to the right…unless there is a whole lot of space to the left. So the opposite setting actually seems to have the desired effect!

Does this bug (and/or #15367) explain the behavior I see, or am I experiencing a different issue?

[hnrch02]

@natevw Can you test if the changes from #15368 fix your problem?

[mdo]

Punting as a won't fix—v4 includes a new positioning library for our affix, tooltips, and popovers.