I have used mattooltip directive with links in my angular component.
On hovering the first link, the tooltip position is off and often is empty or content loads after a flicker.

On clicking the link, ngAfterviewinit is called and page content gets updated, the issue is resolved and tooltip works fine.
I am not able to figure out how to prevent this and how to fix this so it works correctly on initial render as well.

 <li class="listItem" *ngFor="let item of items;let index = index; let last = last">
       <a matTooltip="tooltip text"
          (click)="func(); "
           aria-label="link">
           {{item+1}}
        </a>
  </li>