Topic: Tooltip Trigger Focus not working

avf456 pro asked 5 years ago


Hi Team,   I am trying to implement this example, using triggers focus, but the action is ignored, am i missing anything?
<button type="button" class="btn btn-success waves-light"
        mdbTooltip="Click!"
        triggers="focus" mdbRippleRadius>
  Hover here!
</button>     

thanks

Dawid Adach pro answered 5 years ago


I checked your code and it works like a charm. Could you please let me know how do you trigger that? The easiest way to reproduce from my side is to place 2 lements i.e. buttons, next to each other:
<button type="button" class="btn btn-primary waves-light" mdbTooltip="Tooltip on left" placement="left" mdbRippleRadius>

Tooltip on left

</button>

 

<buttontype="button"class="btn btn-success waves-light"mdbTooltip="Some tooltip text!"triggers="focus"mdbRippleRadius>

Tooltip on top

</button>
 Click on the first one and click tab, focus will move to the second one and tooltip will appear.

avf456 pro commented 5 years ago

Thank for your example, i tried it and indeed it worked, i noticed that in my case i want to use an tag instead of a button, does the triggers="focus" only works with buttons? This is my code:                                                                                                 thanks for the help!


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags