1. Home
  2. Forum
  3. React - EJ 2
  4. Tooltip does not stay in place and follows mouse

Tooltip does not stay in place and follows mouse

Hi,

I've a problem regarding a node's tooltip.
The tooltip should stick to the node, but after the tooltip is shown for the first time, it follows the mouse cursor.
And in this case, the little pointer which points (in my case) upwards, is inside the tooltip (in the top left corner).

This is the node definition:
{
    id: "40",
    height: 100,
    width: 100,
    shape: { type: "Basic" },
    annotations: [
        {
        content: "Hover me!"
        }
    ],
    constraints: NodeConstraints.Default | NodeConstraints.Tooltip,
    tooltip: {
        content: "Tooltip keeps following outside of Childnode",
        position: "BottomCenter",
        relativeMode: "Object",
        showTipPointer: true,
        animation: {
        open: { effect: "FadeZoomIn", delay: 1000 },
        close: { effect: "FadeZoomOut", delay: 0 }
        }
    }
}

I made a sample so you can easily reproduce the issue:
https://codesandbox.io/s/distracted-surf-ofbqr

  • Hover the "Hover me!" node
  • The tooltip is displayed at the correct location

  • Move the mouse cursor
  • The tooltip fades in and out at the position of the cursor

  • And you can see that the little pointer is in the top-left corner, covering a part of the "T"

Is there something wrong on my end, or is this a bug?

Thanks for your help!

3 Replies
SG Shyam G Syncfusion Team March 5, 2020 03:48 PM UTC

 
Hi Jan, 
 
We will validate your issue and update you with more details on 6th March, 2020. 
 
Regards, 
Shyam G 


GG Gowtham Gunashekar Syncfusion Team March 7, 2020 12:21 PM UTC

Hi Jan,

Reported Issue : Tooltip is not stay in fixed position 
      
We can reproduce the issue. We have confirmed this as a defect. We have logged a defect report for this issue. We will fix this issue and provide the patch on volume release.    
     
Now, you can track the status of your issue through below feedback link.    
   
   
Regards  
Gowtham G 


AR Aravind Ravi Syncfusion Team April 2, 2020 01:19 PM UTC

Hi Jan, 
 
The reported issue Tooltip is not stay in fixed position has been fixed and included in volume 1, 2020 release (v18-1-0-42) which is rolled out and available for download under the following link. 
 
 
We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance. 
 
Regards 
Aravind Ravi 


Loader.
Up arrow icon