Toggletip gets disappeared when trying to select or copy the content on Safari browser

[nitz2323]

Detailed description

Describe in detail the issue you're having.
We are using toggletip component to show tooltip on various input fields. We are observing strange behaviour. For some input fields, tooltip content is not getting copied. If we try to open the tooltip and select the content, the tooltip disappears( this is happening only in Safari browser, not in Firefox)

Is this a feature request (new component, new icon), a bug, or a general issue?
Looks like a bug. The code is same for all the fields. But some tooltips are getting copied easily while some disappears as soon as we try to select the content.

What browser are you working in?
This issue is only happening for Safari browser, not on Firefox.

Steps to reproduce the issue

This Is the sandbox [code] (https://codesandbox.io/p/sandbox/goofy-frog-mffqdc?file=%2Fsrc%2Fapp%2Fapp.component.html%3A72%2C43) for the same. Steps to reproduce the issue -

1. Click on img1 besides Input 1. Try copying the tooltip content. Tooltip content gets copied.
2. Click on img2 besides Input 2. Tooltip closes on trying to select or copy the content.
3. Click on img3 besides Input 3. Tooltip closes on trying to select or copy the content.