Tooltips are not dismissing on Safari

[salonmonster]

I'm finding that the tooltips are not dismissing on Safari Version 11.1 (13605.1.33.1.4)

When you hover over a tooltip they do not dismiss afterwards. They stay there until you reload the page.

To replicate run your mouse over a tooltip trigger multiple times and after a few times the tooltip will no longer dismiss.

They are dismissing correctly on Chrome and Firefox, it is a browser specific issue.

A sample of the code I am using is:

<ion-split-pane>
  <ion-menu [content]="content" [swipeEnabled]="false" type="overlay">
    <ion-content #content>
      <ion-list no-lines margin-top>
        <button ion-item (tap)="openPage('BookingCalendarPage')" [tooltip]="!menuCollapsed ? '' : 'Bookings'" event="hover" positionH="right" arrow=true duration=100>
          <ion-icon name='calendar' item-left active="true"></ion-icon><span *ngIf="!menuCollapsed">Bookings</span>
        </button>
        <button ion-item (tap)="openPage('ClientDirectoryPage')" [tooltip]="!menuCollapsed ? '' : 'Clients'" event="hover" positionH="right" arrow=true >
          <ion-icon name='person' item-left></ion-icon><span *ngIf="!menuCollapsed">Clients</span>
        </button>
      </ion-list>
    </ion-content>
  </ion-menu>
</ion-split-pane>

Has anyone else experienced this?

Thanks

[salonmonster]

Ok, found the specific cause:

The tooltips won't dismiss when they are applied to a button with the ion-item directive applied.

If you remove the ion-item directive they will work correctly in Safari.

[jrquick17]

In the updated project this works. Check it out here.