Closed wulftn closed 1 year ago
Describe the bug when using shift middleware with crossAxis: true option, if the tooltip content is too large, the tooltip keeps flashing.
shift
crossAxis: true
To Reproduce https://codesandbox.io/s/eloquent-breeze-2n9y59?file=/src/App.tsx It is modified from floating-ui React's "Basic tooltip" example with the following changes:
useHover
delay: 200
Steps to reproduce the behavior:
Expected behavior The tooltip should stay open since we now hover the tooltip.
Context:
This can be fixed with safePolygon:
safePolygon
import { useHover, safePolygon } from '@floating-ui/react'; useHover(context, { handleClose: safePolygon() });
Describe the bug when using
shift
middleware withcrossAxis: true
option, if the tooltip content is too large, the tooltip keeps flashing.To Reproduce https://codesandbox.io/s/eloquent-breeze-2n9y59?file=/src/App.tsx It is modified from floating-ui React's "Basic tooltip" example with the following changes:
shift
middleware withcrossAxis: true
option.useHover
withdelay: 200
.Steps to reproduce the behavior:
Expected behavior The tooltip should stay open since we now hover the tooltip.
Context: