Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Slider: infinite class change when I click slider handle then hover handle outside #7458

Open
1 task done
KumJungMin opened this issue Mar 27, 2024 · 1 comment
Open
1 task done

Comments

@KumJungMin
Copy link

KumJungMin commented Mar 27, 2024

  • I have searched the issues of this repository and believe that this is not a duplicate.

Version

4.1.0

Environment

chrome version 123.0.6312.86

Reproduction link

Edit on CodeSandbox

Steps to reproduce

  • first, click slider handle
  • second, i move cursor to handle outline
  • then, infinite class change is happened
11.mov

What is expected?

  • infinite class change is not happened

What is actually happening?

  • infinite class change is not happened
  • so tooltip is blinked fast.
@KumJungMin KumJungMin changed the title Slider: infinite class change when slider handle clicked Slider: infinite class change when I click slider handle then hover handle outside Mar 27, 2024
@qppq54s
Copy link

qppq54s commented Mar 28, 2024

after read the source code, i found that silder handle is wraped by SliderTooltip component.
and the top of tooltip component covered the edge of handle.
when we move cursor to the overlap position, the onMouseEnter event is fired, and the tooltip shows, because the tooltip is on the top, onMouseLeave event is called. and this cause the infinite loop.

move the tooltip container down a little can solve this problem. but i'm confused where the position style is generated.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants