Why does JS show the child as the trigger element

I was creating a webpage that would have some informative popups. Basically an infographic. When the user hovered over a piece of the page, a box would pop up with additional information. The page would dim out everything except related content. See ...