Wrong Tooltip position with Padding property.

[cylnclk]

Description

When we give the donut's wrapper the padding property, we detected that the mouseover function does not work correctly, the tooltip element get the position wrong .

Steps to check or reproduce

1. Go example
2. Give the "div" padding property to "index.html" page.
   i.e;
   <div id='donutChart' style="padding:25px"></div>
   3.We can see the wrong result for mouseover when we move the mouse over a chart's field.

Sorry for my bad English.

Screenshot

[netil]

Hi @cylnclk, thanks for the report.
It seems firing event multiple times behaving differently without padding.

I'll be heading this issue.

[netil]

Is a side-effect caused by #1124, removing pointer-events: none css prop from the tooltip element.
The usability on making tooltip element to receive event isn't worth than the basic behavior of the chart usage, so it need to be revert the changes.

[netil]

@cylnclk, just for workaround for 1.11.0 release, add below css to your project.
The change will be released as patch soon.

.bb-tooltip-container {
	pointer-events: none;
}