[Angular] click events inside tooltip when using elementRef

[amyth91]

I've have an elementRef with a list of item with (click)="doSomething(x)". I have run into an issue where once the page is rendered, the 1st time list is not displayed in the tooltip and once it is, none of the click events work.

config used is as follows:

<span
[tooltip]="tooltipRef.innerHTML"
[tooltipConfig]="{allowHTML: true, theme: 'light', interactive: true, delay: [200,0]}">
</span>

<div #tooltipRef style="display:none">
  <ul>
 <li (click)="doSomething()">An item among the test</li>
 </ul>
</div>

Not sure what options to use to get this working.

[atomiks]

Unfamiliar with Angular; you could try Stack Overflow with a repro for them