At the moment the new and shiny flyouts appear faster than the default titles previously used. While this was one of the desired advantages, it now hinders access to other content they cover. If the user's goal was to open the flyout, that's fine. It's not when the goal was something entirely different. Such as the desire to push the button to add a rotation, or to click on an entry close to others.

The problem is the vicinity an entry is in to other entries or the add rotation button. The flyout appears immediately upon entering the hover area of an entry. If said entry is small or happens to start near something else, that something else is difficult to reach due to the flyout.

To solve this, the flyout must not appear immediately. But it should still appear somewhat faster than the default titles.

The common approach with JS is to delay and cancel the flyout if required. To do so, wrap the instruction to show the flyout in a setTimeout() call. Start this upon entering an entry's hover area. setTimeout returns an id, use it in conjunction with clearTimeout to cancel it. Do so in the mouseleave listener.