Angular Tooltip on Focus

I’m using Angular Tooltip in my application and want to trigger tooltip on focus but having issue to trigger this. It works fine with mouseover and mouseleave but does not work on focus event.

here it is how I’m using it

<input type="password"
   tooltip-show-trigger="focus"
   tooltips tooltip-template="Password must include at least one upper case letter, one lower case letter, one numeric digit and one special character."
   id="Password"
   name="Password"
   class="form-control"
   placeholder="New Password"
   required
   autofocus
   ng-model="Password" />

I don’t know what I’m doing wrong or missing something. Any kind of help will be appreciated.

Answer

It may help someone else…

focus isn’t the actual event to trigger angular tooltip on focus. It is actually focusin and focusout according to this issue discussion. it resolved my issue.

 tooltip-show-trigger="focusin" tooltip-hide-trigger="focusout"

Leave a Reply

Your email address will not be published. Required fields are marked *