CODEWITHSUNDEEP
angulartooltipnebular
Umesh Pawar
Umesh Pawar

Reputation: 15

Nebular Angular Tooltip on disabled button is not working

Nebular Tooltip on disabled button is not working. Need to show tool tip on the disabled button.

Upvotes: 0

Views: 942

Answers (1)

Sameer
Sameer

Reputation: 5188

Quote from this answer for angular material applies to nebular too.

This doesn't work because it is triggered by mouseenter event which doesn't get fired by most browsers for disabled elements. A workaround is to add matTooltip nbTooltip to a parent element:

So here is the solution, wrap it in a div and also make sure to change div's display to inline-block

<div nbTooltip="Tooltip is displayed on disabled button too">
  <button disabled>Hover to see tooltip</button>
</div>

Upvotes: 1

Related Questions