Agzam Agzam - 6 months ago 21
AngularJS Question

ui.bootstrap tooltips stopped working

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

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>
Comments