Tooltips in interactive code boxes persist after focus is removed

[Keith-Web3]

Description

In the interactive code boxes on the GraphQL documentation site, the tooltips that show when you try to edit a graphql field do not disappear after the user stops hovering over the relevant field. This obstructs interaction with elements in the background, making it difficult to further edit and test out the query.

Steps to Reproduce

1. Head to one of the codeboxes e.g Try it out
2. Try to add more fields to your query e.g id, friends.
3. A tooltip with more info on the field you added pops up

Expected Result

When focus is removed from the sandbox, the tooltips should disappear

Actual Result

The tooltips persist until the page is refreshed

Additional Context

• OS: Ubuntu 24.01
• Browser: Chrome V131.0.6778.69