yalabot / angular-foundation

http://pineconellc.github.io/angular-foundation/
Other
1.05k stars 267 forks source link

tooltip fade animation breaks when including ngAnimate #247

Open jnlsn opened 9 years ago

jnlsn commented 9 years ago

the .fade/.fade.in css animations shown in the live demo work great until I include ngAnimate, then it stops working. Modal animations still work, interestingly enough. Am I missing something simple like a change in css classes?

jfeigel commented 9 years ago

I am getting the same thing. Here is the plunkr example from your site with ngAnimate added: Plnkr

HTML

<i class="fa fa-pencil" tooltip="Change" tooltip-placement="left"></i>

Rendered Tooltip

<span class="tooltip tip-left" ng-class="{ in: isOpen(), fade: animation() }" style="width: auto; top: -9px; left: -66.9062px; display: block;" tooltip-popup="" title="" content="Change" placement="left" animation="tt_animation" is-open="tt_isOpen">
  <span ng-bind="content" class="ng-binding">Change</span>
  <span class="nub"></span>
</span>