Tooltip flickerring issue with React 18

[vjnathe-webonise]

Tooltip positioning issue resulting in flickering the tooltip, this was resolved when i downgraded to react 17 in my app. Same issue can be observed in given sandbox using react18: https://codesandbox.io/s/tender-river-tx7cen

[sshyam-gupta]

Thanks @vjnathe-webonise for reporting. Will take a look into this

[jay-recur]

@sshyam-gupta any update on this?

[sshyam-gupta]

I missed this completely, really sorry. I will look at this in this weekend.

[ajeetpatel09]

Is this resolved? I'm still facing issues.

[khushbookasnia]

@sshyam-gupta Is this issue resolved for Next js ? I am still facing this issue can you please look into it?

[ishant-sahu]

For workaround, you can add below style in globals.css

.HoverInfo {
  display: block !important;
}

[khushbookasnia]

Thanks @ishant-sahu

[rahul-m0166]

The problem here is that the cursor focus is overlapping with the HoverComponent. We need to make sure the HoverComponent is not overlapping.

.HoverInfo { position: absolute !important; top: 50% !important; }