Skip to content
This repository has been archived by the owner on May 29, 2019. It is now read-only.

tooltip not working with ngAnimate #3084

Closed
Archelyst opened this issue Dec 10, 2014 · 5 comments
Closed

tooltip not working with ngAnimate #3084

Archelyst opened this issue Dec 10, 2014 · 5 comments
Assignees
@chrisirhc
Labels
component: tooltip type: ngAnimate
Milestone
0.13.0 (AngularJS...

Comments

@Archelyst
Copy link

As soon as I include ngAnimate in the dependencies of my application, the tooltips don't show up any more. The DOM elements are there and look like that:

<div class="tooltip bottom" ng-class="{ in: isOpen(), fade: animation() }">
  ...
</div>

The problem here is that although isOpen() resolves to true (I verified with inserting {{ isOpen{} }} into the template) the class in is not set. (Without in tooltips are invisible.)

I'd provide you with a plnkr, but it seems to be down. Just take any working app with a tooltip and add ngAnimate into the mix. e.g.

<html>
<head >
    <script src="https://code.angularjs.org/1.3.0/angular.min.js"></script>
    <script src="https://code.angularjs.org/1.3.0/angular-animate.min.js"></script>
    <script src="ui-bootstrap-tpls.min.js"></script>
    <script  language="javascript" type="text/javascript">
        angular.module('test', ['ui.bootstrap', 'ngAnimate']);
    </script>
</head>
<body ng-app="test">
    <a tooltip="asdf" tooltip-trigger="click">bla</a>
</body>
</html>
@chrisirhc
Copy link
Contributor

Which version of Angular UI Bootstrap are you using? Could you please post a Plunker demonstrating this issue?

Also, note that AngularJS 1.3 isn't supported at the moment.

@mrohr
Copy link

mrohr commented Dec 12, 2014

We had a similar issue, disable animation on the tooltip with tooltip-animation="false" until ui-bootstrap 1.13 is released.

@Archelyst
Copy link
Author

Thanks so much for the info, works like a charm. We are using AngularJS 1.3, so I guess this issue is not of relevance for you any more and close it.

Keep up the good work, angular-ui rocks!

@chrisirhc chrisirhc reopened this Apr 6, 2015
@chrisirhc chrisirhc added this to the 0.13.0 milestone Apr 6, 2015
@chrisirhc chrisirhc self-assigned this Apr 6, 2015
@chrisirhc
Copy link
Contributor

Relates to #3375

@chrisirhc
Copy link
Contributor

Tooltip should now be fully compatible after #3510 . Closing.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees

@chrisirhc chrisirhc

Labels
component: tooltip type: ngAnimate
Projects
None yet
Milestone
0.13.0 (AngularJS 1.3)
Development

No branches or pull requests
4 participants
@chrisirhc @karianna @Archelyst @mrohr