I've encountered a frustrating issue with tooltips on my website - they just won't stop blinking when I hover over the skill bubbles. I tried fixing the tooltips at a certain location, but whenever there's a bubble in that spot and I hover over it, the tooltip goes crazy until I move my cursor away. I attempted adjusting the z-index to place the tooltip behind the bubble, but no luck. My suspicion is that D3, which continuously manipulates the DOM, might be causing this hiccup.
If you want to see what I'm talking about, check out this image of the page with the annoying happening. Can you help me figure out why this is happening and suggest a solution? Here are some extra details:
Watch a video of the issue as it occurs here.
You can see the problem for yourself by visiting my portfolio's URL.
Take a look at the source code on GitHub here.
If you have any insights or suggestions, I would really appreciate it.
PS: The code is too long to fit in one snippet, so please refer to the complete code in the GitHub repository link provided above for more information.