Uh oh!
There was an error while loading.Please reload this page.
- Notifications
You must be signed in to change notification settings - Fork1.7k
Description
Describe the bug
I've observed a regression in@floating-ui/react
, that I've managed to pinpoint occurring between releases0.27.6
to0.27.7
, regardinguseHover
s behaviour. The regression remains even on the latest release.
Therelease notes have a couple of potentially related fixes:
- fix(useHover): clean up blockPointerEvents when opened with click after hover
- fix(useHover): prevent floating element unexpectedly closing when close to reference element when not using safePolygon() and a close delay
I suspect its the second one, which would bethis commit, however this is a shot in the dark.
To Reproduce
https://codesandbox.io/p/sandbox/strange-pateu-qcrtfw
Steps to reproduce the behavior:
- Use version 0.27.6 (linked in codesandbox)
- Hover the button in the example
- Observe that two tooltips render (one above & one below the button)
- Hover your cursor over the tooltips
- Observe that the tooltipsdo not disappear whilst your mouse is over them - you can select their text and they remain
- Install version 0.27.7 (edit package.json in codesandbox)
- Hover the button in the example
- Observe that the tooltips still render
- Hover your cursor over the tooltips
- Observe that the tooltipsalways disappear after the specified delay (400ms) even if you have your mouse over them
Expected behavior A clear and concise description of what you expected to
happen.
I expect the tooltips to remain whilst my mouse is over them, which is how it worked in 0.26.6 and before.
Screenshots If applicable, add screenshots to help explain your problem.
Context:
- OS: Xubuntu
- Browser Brave
- Version 1.8.120
Additional context Add any other context about the problem here.