ui.bootstrap tooltips stopped working

Question

Can figure out why would that happen. Other directives from ui.bootstrap work: alert, progressbar, etc. Yet popovers and tooltips for some reason stopped working. Anyone had this problem? I had a problem before - when for some reason default css rule for tooltip was opacity:0. But this time a bit different problem. It's not even adding tooltip related stuff to the DOM, as it used to be.

Also I notice from controller of a view where tooltip being used I used to have access to stuff like tt_title, tt_isOpen, tt_placement, etc. Now suddenly I can't do that anymore.

I'm suspecting something to do with browserify we're using. I noticed tooltips not working on my computer first, while on my colleague's they still would work, and then he removed bower files and node_modules, cleaned both npm and bower cache, and tooltips and popovers stopped working for him as well.

I've tried adding ui.bootstrap.tooltip explicitly as a module dependency, although I already have ui.bootstrap listed.

Please, if anyone had similar problems, and know possible solution, help me.

Answer 1

I am using 1.3.5 and adding

tooltip-trigger tooltip-placement="top"

Did the trick.

Answer 2

I had the same problem after updating a project from 1.2 to 1.3 and the tool tips stopped working. It seems there is a bug with Angular 1.3. You can read about it here: https://github.com/angular-ui/bootstrap/issues/2828

I fixed the problem by putting some extra attributes on each tool tip:

<div tooltip="After today restriction" tooltip-trigger tooltip-animation="false" tooltip-placement="bottom">Hover me</div>