I've utilized angular along with ng-bootstrap for a project I'm working on. The issue arises when using ngbTooltip to display a tooltip on a button.
<button
class="btn btn-success"
(click)="onSubmit()"
[ngbTooltip]="tipContent"
[disabled]="disabled">
Save
</button>
<ng-template #tipContent>
Please fill out all mandatory fields before saving
</ng-template>
However, in Google Chrome, the tooltip fails to appear when the variable disabled
is set to true and the button is disabled. Interestingly enough, it works fine in Firefox.
You can recreate the problem by visiting stackblitz
Is there a way to display a tooltip on a disabled button?