The tooltip is placed at the bottom of the body which makes the page slightly longer, even though the user can't see the content. This might result in a layout shift when the tooltip is displayed for the first time and the scrollbar disappears.
To Reproduce
Visit a site dashboard with the Statify widget enabled and some data present in the database.
Keep an eye on the page layout and the scrollbar, if visible.
Hover over any data point in the Statify chart (shows tooltip)
See the layout and/or scrollbar shift.
Expected behavior
Tooltip is displayed without additional layout shift.
Solution
Move the invisible tooltip element to the top-left corner fixes this issue. We use left/top CSS properties, because these two will be dynamically overwritten on mouse events anyway.
Describe the bug
The tooltip is placed at the bottom of the body which makes the page slightly longer, even though the user can't see the content. This might result in a layout shift when the tooltip is displayed for the first time and the scrollbar disappears.
To Reproduce
Expected behavior
Tooltip is displayed without additional layout shift.
Solution
Move the invisible tooltip element to the top-left corner fixes this issue. We use left/top CSS properties, because these two will be dynamically overwritten on mouse events anyway.