Can you please post the code of the element where you have applied the tooltip on, please - wrapped in ``` 3 backticks?
Or even better- can you provide a link where we can check this?
Am doing some more testing, and I realise the issue happens when you click on the paragraph.
Hmmmm…
Am using <p> tags as had lots of issues around strange borders I struggled to remove from buttons when they were clicked. I think I finally fixed it with some cunning CSS, but by then the <p> tags were there to stay in my design…
… but they could become buttons again if that fixes this problem!
Will be uploading the design for you to play with shortly.
No it's not related - i was just curious.
I believe your issue is related to the paragraph focus state (fix in this topic):
This is because of the accessibility. The Bootstrap 4 framework adds these "borders" around focused elements, so when you navigate without a mouse you can see which elements is selected/focused