Tooltip position changes when it is dynamically updated

[colinscz]

Six Webcomponents version

4.0.4

Steps to reproduce

Add a tooltip to the summary-icon slot of six-details and fill it with content over an observable.

Change the content of that dynamically and hover after that over the tooltip again. Tooltip is afterwards shown at the very top left of your browser window instead of right next to the tooltip base icon/avatar, where it should be displayed.

What is expected?

Tooltip should be shown next to the tooltip base icon/avatar with respect to the placement property.

What is actually happening?

Tooltip is shown at the very top left of your browser window instead of right next to the tooltip base icon/avatar.

System Info

No response

Any additional comments?

Using Angular