I have a modal dialog, on which I have some fields, two buttons [close, save] I have included a tooltip on one of the fields
<div class="modal-static-column">
<lightning:helptext content="{!$Label.c.HelpText}"/>
</div>
When the mouse hovers over the tooltip icon, the bubble text is shown. The bubble text remains when the following sequence of events occurs
- give focus to one of the fields
- hover the mouse over tooltip icon (bubble text appears)
- use keyboard TAB key to navigate focus to the [Cancel] button
- ensuring the bubble help text is still visible hit the return key
The modal dialog closes, but the tooltip bubble text still shows.
How can I clear the bubble text?