adjust tooltip placement when rendered off screen to the right (previously only happened on the left)

[fieldsco]

I modified the bootstrap tooltip (and by extension popovers) to include behavior that previously only happened when the tooltip was cut off on the left side of the screen. When a tooltip was activated, if a portion was to be rendered off the left side of the screen, it was shifted to the right and the arrow was moved to the left. This did not happen when cut off to the right side. This code accomplishes the same desired behavior on both sides.

[PaRoxUs]

Great that you have adressed this issue! Although the placement of the arrow breaks the border-radius when it is very close to the right or left edge.

I don't know if it is only my case but this works better for me:
if (delta > (dimension/2)+40) this.arrow().css(position, "10%")
// avoid placing arrow at 100%
else if (delta < ((dimension/2)+40)*-1) this.arrow().css(position, "90%")
// if we shifted the tip to the right...
else if (delta > 0) this.arrow().css(position, delta ? (50 * (1 - delta / dimension) + "%") : '')
// if we shifted the tip to the left...
else if (delta < 0) this.arrow().css(position, delta ? (100 - (50 * (1 - Math.abs(delta / dimension))) + "%") : '')

[fieldsco]

Thank you! I'm not sure why it wasn't accepted.. this is my first
contribution. Should I resubmit with your code?

On Fri, Feb 21, 2014 at 3:49 AM, Pontus Karlsson
[email protected]:

Great that you have adressed this issue! Although the placement of the
arrow breaks the border-radius when it is very close to the right or left
edge.

I don't know if it is only my case but this works better for me:
if (delta > (dimension/2)+40) this.arrow().css(position, "10%")
// avoid placing arrow at 100%
else if (delta < ((dimension/2)+40)*-1) this.arrow().css(position, "90%")
// if we shifted the tip to the right...
else if (delta > 0) this.arrow().css(position, delta ? (50 * (1 - delta /
dimension) + "%") : '')
// if we shifted the tip to the left...
else if (delta < 0) this.arrow().css(position, delta ? (100 - (50 * (1 -
Math.abs(delta / dimension))) + "%") : '')

Reply to this email directly or view it on GitHubhttps://github.com//pull/12733#issuecomment-35708954
.

[fat]

duplicate of this i believe #12328