[Bug]: Tooltip component is flickering
Opened this issue · 2 comments
Vibe version
2.116.0
Describe the bug
There is a special spot near or on a Tooltip's beak, which on hover starts hiding/showing the tooltip. In my app's enviroment it is flickering like crazy (many many times a second), and it is really easy to find the spot accidently, while mouse is moving over the button. In the StackBlitz enviroment the flickering is milder, but still noticable and disturbing.
Recording attached.
Notice that after I found the correct spot, I no longer move my mouse, but the cursor is changing and the tooltip is flickering.
We use monday-ui-react-core version 2.102.0, in the StackBlitz enviroment it is set to 2.116.0.
Expected behavior
There should be no spot user can hover to achive the described behavior.
Steps to reproduce
- Add a Button with tooltip from Monday Vibe
- Hover over a button near or on the tooltip's beak
- Find a spot where it starts flickering and don't move the mouse
Reproduction example link
https://vibe-bug-report-nsxkbf.stackblitz.io/
System Info
No response
Additional context, Screenshots
Recording:
https://github.com/mondaycom/vibe/assets/39345609/ab5b425f-8d16-40e4-97cc-1634355b21fa
I believe I may have found an issue that could be causing this bug:
Why are these elements positioned differently? I think they should have similar positions.
It seems that the correct position for the tooltip element is this one:
Am I right?
If so, we should consider updating either the tooltip component or the dialog component to ensure consistency.
@Ma1kovich I have raised a pull request for this. Please let me know your thoughts as well
Cheers :)