Twitter Bootstrap Tooltip no se alinea correctamente cuando va a salir de la ventana

Question

Cuando tengo un elemento asociado a una información de Twitter Bootstrap Tooltip y la información sobre herramientas se superponen fuera de la ventana del navegador, intenta realinearse dentro de la ventana pero se desalinea verticalmente (es decir, la alineación superior de la información sobre herramientas ahora está centrada en lugar de sobre el elemento de destino)

¿Alguien ha encontrado esto antes y, en caso afirmativo, cuál fue el trabajo en torno a/corregir/actualizar?

Answer 1

Sí, otros han encontrado esto antes. Por ejemplo, Issue #4125: Bad position of tooltip o Issue #3556: Tooltips near edge of window don't activate properly.

En el primer caso se sugiere que sea texto desactivar envolver o establece una altura fija.

En este último se sugiere (más bien bromeando, pero sin embargo potencialmente útil) establecer un posicionamiento diferente en la información sobre herramientas que sabe que estará cerca del borde de la ventana. Por ejemplo, placement: 'left' o placement: 'right'.

En este punto, no parece haber ningún impulso para que esto se maneje en el repositorio.

Answer 2

He tenido este problema y he encontrado lo siguiente.

causado el problema

<a href="https://www.facebook.com/ComfortEstatePlanning" data-toggle="tooltip" 
data-placement="bottom" title="" data-original-title="follow us on Facebook" 
><i class="fa fa-facebook-official fa-lg fa-2x pull-right"></i></a> 

Nota del pull-derecha clase es en la etiqueta i

<a href="https://www.facebook.com/ComfortEstatePlanning" data- 
toggle="tooltip" data-placement="bottom" title="" data-original- 
title="follow us on Facebook" class="pull-right"><i class="fa fa-facebook- 
official fa-lg fa-2x"></i></a> 

solución es poner la derecha tirón clase en el una etiqueta