Angular - Tooltip does not show for disabled buttons in Chrome

user_9014161 0
Viewed 7653

I have this code for buttons and I want to shows the tooptips for disabled button. This works fine in Firefox and IE, but does not work in Chrome. In Chrome, only the buttons that are enabled showed the tooltip.

<div *ngFor"let btn of buttons">
   <button [tooltip]="'Tooltip'" [disabled]="btn.disable">
</div>
angular-ui-bootstrap angular
1 Answers

This solution works for me:

<div *ngFor"let btn of buttons">
   <div [tooltip]="'Tooltip'">
      <button class='btn' [disabled]="btn.disable">
   </div>
</div>

<style>
   .btn:disabled{
      pointer-events: none;
   }
<style>
user_90141610
Related