[TE] rootcause - hide heatmap tooltip on click
Hides dimension heatmap tooltip on click. This prevents the tooltip from lingering over the heatmap (or the content of other tabs) after re-drawing the heatmap without any cursor activity.
@@ -145,6 +145,7 @@ export default Component.extend({
if (d && d.role !== 'value') {
return;
}
+
const tooltipWidth = 200;
const xPosition = d3.event.pageX - (tooltipWidth + 20);
const yPosition = d3.event.pageY + 5;
@@ -160,6 +161,8 @@ export default Component.extend({
d3.select(`${tooltipId}`).classed('hidden', false);
}).on('mouseout', function () {
d3.select(`${tooltipId}`).classed('hidden', true);
+ }).on('mousedown', function () {
+ d3.select(`${tooltipId}`).classed('hidden', true);
});
// colored background
