[slider] Thumb is lagging behind

Open
#44,851 6 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
3/5
Estimated time
1-2 days
Newbie friendliness
35/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Stale
Tech stack
javascript, react
Domain
frontend, performance

Research direction

Reproduce the lag by dragging the Slider demo at https://mui.com/material-ui/react-slider/ quickly in Firefox, then compare the behavior at normal and slow speed. Trace the Slider component and its existing tests or performance-related entry points; done means the thumb no longer visibly lags behind the cursor during fast dragging.

Written by the indexing model from the issue text.

Description

performance ready to take scope: slider
Steps to reproduce

Steps:

  1. Drag the Slider component around fast enough
Current behavior

The knob lags behind the mouse cursor. In slow-motion it's clearly visible, but I think it's also noticable at normal speed, especially in person.

lag

Expected behavior

No lag, or try reducing the lag.

Context

No response

Your environment

I tested it just here: https://mui.com/material-ui/react-slider/
So whatever the environment is there, I guess. It says MUI 6.3.0 at the top, so that's probably what it is.

I'm using Firefox.

Search keywords: slider lag/lagging

Dominant language
JavaScript
Stars
99.1k
Forks
32.5k
Avg merge
2d 17h
Merged PRs (30d)
106

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from mui/material-ui

All issues in mui/material-ui

Similar issues

More JavaScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.