dynamic toolip text - tooltip not removed when you clear the value while tooltip is visible and vice versa

[fxck]

Let's say I have an input

<input ng-model="url" tooltip="{{ form.url.$valid | returnOnlyWhenFalse }}" name="url" type="url" />

now if I focus the input and start typing, ideally I would like the tooltip to appear when $valid becames false which is not going to happen unless I mouseleave and mouseenter again..

and the problem is the other way around as well, if I mousenter and $valid is false, tooltip's gonna be visible, if $valid becames true, tooltip's not gonna dissappear, it's just gonna get its text removed

you can see this behaviour here http://angular-ui.github.io/bootstrap/#/tooltip focus the dynamic input and the mouseover the dynamic tooltip

any idea how can I "hotfix" this?

[fxck]

hm well the hot fix would be to change

if ( ! scope.tt_content ) {} to only still show the tooltip, but hidden and then something like this

          attrs.$observe( type, function ( val ) {
            if (!val) {
              hide();
            }

            tooltip.css({opacity: 1});

            scope.tt_content = val;
          });

it's clunky but it works, hopefully this could be configurable later

[fxck]

the problem is with positioning though, it doesn't get it right..

[pkozlowski-opensource]

Duplicate of #590

We need to add ability to control tooltips programatically

[geersch]

For now I just use the following workaround:

attrs.$observe(type, function (val) {
    scope.tt_content = val;
    setTimeout(function() {
        if (!val) {
            hideTooltipBind();
        } else {
            showTooltipBind();
        }
    }, 1);
});

Not ideal and sadly the setTimeout(...) is to circumvent an issue with positioning the next time the tooltip is shown. It doesn't center correctly if you call showTooltipBind() directly.