Info-bulles coupées dans un conteneur

J’utilise les info-bulles Bootstrap, et elles sont actuellement coupées sur ma page. J’ai supprimé les propriétés overflow-x pour essayer de m’assurer que l’info-bulle est visible, mais elles sont toujours coupées:

J’ai recherché des solutions possibles, mais je ne peux pas régler la position des info-bulles sur fixes ni changer le parent des info-bulles car elles doivent défiler avec les éléments de mon conteneur:

• Barre de recherche intégrée au bootstrap
• Comment faire en sorte que l’arc du soleil s’arrête à l’extrémité gauche de la page?
• Comment faire une barre latérale collante dans Bootstrap?
• rendu incorrect du widget jquery star rating et des écanvass divisées
• Comment faire pour que le contenu animé revienne en position normale en mode veille, à l’aide de JQuery

Voici comment j’ajoute les info-bulles:

$('#step_name').tooltip( { title: "1. Add step title", placement: "left", container: ".editDetailView", sortinggger: "manual", position: "absolute" }); $('#uploadMedia').tooltip( { title: "2. Upload images/videos", placement: "left", container: ".editDetailView", sortinggger: "manual", position: "absolute" }); $('.detailViewText').tooltip( { title: "3. Add step description", placement: "left", container: ".editDetailView", sortinggger: "manual", position: "absolute" }); $('.update_step_button').tooltip( { title: "4. Click to create step", placement: "bottom", container: ".editDetailView", sortinggger: "manual", position: "absolute" }); 

Voici le CSS sur les éléments de conteneur:

 .processBlog{ position: absolute; overflow: auto; form{ overflow: auto; .stepDetailView{ overflow-y: auto; .editDetailView{ position: relative; overflow-y: hidden; } } } } 

• La ligne de pied de redimensionnement et la ligne d’en-tête JQGrid sont déformées et ne sont pas alignées avec le jqgrid après redimensionnement
• La galerie de photos HTML / CSS n’affiche pas d’images
• Comment augmenter la taille de l’image en fonction du contenu de la table en utilisant HTML?
• Datepicker Plusieurs dates ne fonctionnent pas dans le script Google Apps
• Jquery click ne fonctionne qu’une fois sur la bascule

 $(element).tooltip({ title: "Title", container: "#calendar" }); 

 Tooltip on right