title: Disabled Bootstrap 4 button with tooltip in Angular
body: <p>I am trying to create a Bootstrap 4 button with ngx-bootstrap and Angular. However only hovering on the icon of the disabled button shows the tooltip. How do I make the hovering over anywhere on a disabled button to show the tooltip.</p>
  
  <p>The code:
  Only hovering on the icon works:</p>
  
  <pre><code>&lt;span tooltip="hello" [isDisabled]="false"&gt;
      &lt;button type="button" class="btn btn-primary" disabled&gt;
          &lt;i class="fa fa-book-open"&gt;&lt;/i&gt; btn disabled
      &lt;/button&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>And here is a working example: 
  <a href="https://stackblitz.com/edit/ngx-bootstrap-rmnmf1" rel="nofollow noreferrer">https://stackblitz.com/edit/ngx-bootstrap-rmnmf1</a></p>
  
  <p><a href="https://i.stack.imgur.com/CcDU0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CcDU0.png" alt="enter image description here"></a></p>