Tooltip boundary padding

[nickofthyme]

Is your feature request related to a problem? Please describe.
Simply applying a boundary is not enough to contain the tooltip positioning in kibana. The top headers in visualize library and dashboard are position fixed with a top page margin. This is fine until the boundary element can scroll, then I need to target the container of the scrolling element which has a margin that the positioning does not account for.

Screen.Recording.2021-03-08.at.01.31.17.PM.mp4

Describe the solution you'd like
A new prop on the tooltip options for boundaryPadding. This would create an artificial padding around the boundary element. In the case of the example above. The boundaryPadding could be set to { top: 100 } in which the boundary can account for the top margin to place the tooltip below the top navigation bar.

Describe alternatives you've considered
Selecting a different boundary to correctly place the tooltip, options here are limited and creating an invisible boundary element would be too verbose.

Setting the z-index of the tooltip such that the tooltip renders above the header. This is undesirable UI.

Kibana Cross Issues
elastic/kibana#93495

Checklist

• this request is checked against already exist requests
• every related Kibana issue is listed under Kibana Cross Issues list
• kibana cross issue tag is associated to the issue if any kibana cross issue is present

[nickofthyme]

🎉 This issue has been resolved in version 25.2.0 🎉

The release is available on:

• GitHub release
• npm package (@latest dist-tag)

Your semantic-release bot 📦🚀