Tooltip for PluginSlot / PluginSidebar inconsistent between browsers

[mattyrob]

Describe the bug
If a new menu is created with a plugin a ToolTip is created with the menu title, the location of this ToolTip is below the menu icon in Chrome and Firefox but above the icon in Safari

To reproduce
Steps to reproduce the behavior:

1. Create or use a plugin that adds a new PluginSidebar
2. Visit the Block Editor in Safari, Chrome and FireFox
3. In each browser hover the mouse over the menu icon.
4. Note how the ToolTip is above the menu icon in Safari but below the icon in the other 2 browsers

Expected behavior
Tooltip location so be consistent across browsers

Screenshots
FireFox:

Chrome:

Safari:

Editor version (please complete the following information):

• WordPress version: 5.5-alpha-47585
• Does the website has Gutenberg plugin installed, or is it using the block editor that comes by default? "default"
  Desktop (please complete the following information):
• OS: MacOS
• Browser Safari 13.1, Chrome 81.0.4044.113, FireFox 75.0
• Version [e.g. 22]

[mattyrob]

I had change to install the Gutenberg plugin at version 7.9.1 and this issue appears to have resolved.

Leaving ticket here for review by core developer.

[talldan]

@mattyrob It looks like this is dynamic, so if there's space above the button within the window, the tooltip might go above, and if not, it might go below. I'm not sure if you might have had the editor in fullscreen mode in some instance, but that might explain the difference.

[talldan]

I also just noticed the default was recently changed from above to below in #21476, so that explains why it now is resolved.

[mattyrob]

Thanks @talldan , I was not using full screen and it seemed crowded when displayed above, so good to hear a fix is in the code now.