Open Vadimchesh opened 2 years ago
I have the same issue on Chrome with the Tooltip component copied to my app 1:1 from here: https://codesandbox.io/s/basic-tooltip-problem-react-laag-j8w72. It's easier to recreate if you enable 6x CPU slowdown in the devtools.
I've tested it in depth and this behaviour occurs in version 2.0.5. When I downgraded the lib to 2.0.0, it works as expected.
Describe the bug
The strange behaviour was only observed in Mozilla Firefox (Chrome, Safari and Microsoft Edge work fine). I have a table with multiply rows and multiply tooltips. Sometimes the onMouseleave event doesn't fire and most of the time I can see multiple tooltips when moving the mouse quickly. You can see this behaviour in the gif below.
Code
Expected behavior onMouseleave should fire every time
Screenshots
Browser / OS (please complete the following information):
Additional context When I inspected the console output, I noticed that the event
mouseleave
does not fire when I move the mouse quickly,mouseenter
event fires always. I'm not exactly sure that the problem is associated withreact-laag
. Any help is greatly appreciated.