Click and blur trigger not working on a templateRef tooltip.

Bug description:

There is a bug with tooltip triggers when I do a triggers="click:blur" on a “template tooltip” it doesn’t close on blur, it actually doesn’t event close on click, only does if I leave click trigger alone.

This is the original code:

button:

<div class="col-md-1">
	<i class="fa fa-retweet social-icon" aria-hidden="true" [ngbTooltip]="retweetTip" placement="right" container="body" triggers="click:blur"></i>
</div>

tooltip:

<template #retweetTip>
	<div style="width: 220px; height: 100px; background: white;">
		<div style="height: 50%%"><span style="color: black; font-size: 140%%">¿Que desea hacer?</span></div>
		<div style="height: 50%%">
			<button class="social-button social-confirm">Retweet</button>
			<button class="social-button social-confirm">Citar</button>
	 		<button class="social-button social-confirm">Editar</button>
		</div>
	</div>

</template>

Proof: https://gyazo.com/37378081c8bdaffbef6d305a3b7a177a

Version of Angular, ng-bootstrap, and Bootstrap:

Angular: 2.1.1

ng-bootstrap: 1.0.0-alpha.13

Bootstrap: 4.0.0-alpha.4

1 possible answer(s) on “Click and blur trigger not working on a templateRef tooltip.