This repository was archived by the owner on Nov 17, 2025. It is now read-only.
This repository was archived by the owner on Nov 17, 2025. It is now read-only.
Description
I would like to use Angular-tooltips with bootstrap buttons, but when I wrap each button with an Angular-tooltip, the button group breaks. I end up with individual buttons and broken styles. I then added the tooltip to the button tag itself to no avail. I also tried adding tooltip-append-to-body="true" also to no avail. How do we keep the button group styling with angular tooltip?
<!-- Displaying primary buttons -->
<button type="button" tooltips tooltip-template="tooltipText" tooltip-append-to-body="true" ng-repeat="button in primaryButtons" class="btn btn-default main-btn">{{button.title}}</button>
<!-- Display dropdown -->
<button type="button" class="btn btn-default dropdown-btn dropdown-toggle" role="menu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li ng-repeat="button in secondaryButtons" role="menuitem"><a>{{button.title}}</a></li>
</ul>
</div>`
Reactions are currently unavailable
I would like to use Angular-tooltips with bootstrap buttons, but when I wrap each button with an Angular-tooltip, the button group breaks. I end up with individual buttons and broken styles. I then added the tooltip to the button tag itself to no avail. I also tried adding tooltip-append-to-body="true" also to no avail. How do we keep the button group styling with angular tooltip?