Tooltip top placement near edge of screen loses arrow

[qris]

Hopefully you can see a demonstration here, although it may depend on your browser font sizes: http://jsbin.com/hofeg/2/edit

If the tooltip appears too close to the edge of the container, then the browser reshapes it to stay inside the container. Tooltip doesn't properly account for this change in size.

It seems to attempt to; at the end of applyPlacement it tried to reposition the arrow:

this.replaceArrow(arrowDelta, $tip[0][arrowOffsetPosition], arrowPosition)

Before this line, the arrow is actually in the right place. After it, the arrow has moved to somewhere behind the tooltip, so it's not visible.

[twbs-lmvtfy]

Hi @qris!

You appear to have posted a live example (http://jsbin.com/hofeg/2), which is always a good first step.
However, according to the HTML5 validator, your example has some validation errors, which might be causing your issue:

• line 24, column 189: Duplicate attribute data-toggle.

You'll need to fix these errors and post a revised example before we can proceed further.
Thanks!

(Please note that this is a fully automated comment.)

[qris]

fixed, thanks

[cvrebert]

What OSes and browsers are you seeing this on?

[qris]

This is Chrome on Linux. (Chromium Version 34.0.1847.116 Ubuntu 12.04 (260972))

But I modified the example to float the container right, and I can reproduce it in Firefox as well. http://jsbin.com/hofeg/3/edit

[cvrebert]

Confirmed on OS X Chrome. The arrow is over the "o" for some reason.

[hnrch02]

Duplicate of #13384. A fix for this has been proposed in #13718. (See this updated JS Bin.)

[hnrch02]

The weird thing is though that the position of the tooltip is adjusted for it to not break into multiple lines when it is positioned left but not if it is positioned to the right.

[cvrebert]

@hnrch02 So, safe to close this as a duplicate?

[hnrch02]

I guess so, my second comment is a different issue.