Angular Tooltip on Focus
<p>I'm using <a href="https://github.com/720kb/angular-tooltips" rel="nofollow noreferrer">Angular Tooltip</a> in my application and want to trigger tooltip on focus but having issue to trigger this. It works fine with <code>mouseover</code> and <code>mouseleave</code> but does not work on <code>focus</code> event.</p>
<p>here it is how I'm using it</p>
<pre class="lang-html prettyprint-override"><code>&lt;input type=&quot;password&quot;
   tooltip-show-trigger=&quot;focus&quot;
   tooltips tooltip-template=&quot;Password must include at least one upper case letter, one lower case letter, one numeric digit and one special character.&quot;
   id=&quot;Password&quot;
   name=&quot;Password&quot;
   class=&quot;form-control&quot;
   placeholder=&quot;New Password&quot;
   required
   autofocus
   ng-model=&quot;Password&quot; /&gt;
</code></pre>
<p>I don't know what I'm doing wrong or missing something. Any kind of help will be appreciated.</p>