Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

IE11: fix tooltip not correctly positioned in charts (https://github.com/woocommerce/woocommerce-admin/pull/602)

This commit is contained in:
Albert Juhé Lluveras 2018-10-19 17:39:14 +02:00 committed by GitHub
parent 3155d5ec24
commit 508141b709
1 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
plugins/woocommerce-admin/client/components/chart/utils.js
View File

@ -533,20 +533,23 @@ const calculateTooltipPosition = ( element, chart, elementWidthRatio = 1 ) => {
const tooltipMargin = 24;
let xPosition =
elementCoords.x + elementCoords.width * elementWidthRatio + tooltipMargin - chartCoords.x;
let yPosition = elementCoords.y + tooltipMargin - chartCoords.y;
elementCoords.left + elementCoords.width * elementWidthRatio + tooltipMargin - chartCoords.left;
let yPosition = elementCoords.top + tooltipMargin - chartCoords.top;
if ( xPosition + tooltipSize.width + tooltipMargin > chartCoords.width ) {
xPosition = Math.max(
0,
elementCoords.x +
elementCoords.left +
elementCoords.width * ( 1 - elementWidthRatio ) -
tooltipSize.width -
tooltipMargin -
chartCoords.x
chartCoords.left
);
}
if ( yPosition + tooltipSize.height + tooltipMargin > chartCoords.height ) {
yPosition = Math.max( 0, elementCoords.y - tooltipSize.height - tooltipMargin - chartCoords.y );
yPosition = Math.max(
0,
elementCoords.top - tooltipSize.height - tooltipMargin - chartCoords.top
);
}
return { x: xPosition, y: yPosition };