material-components / material-components/material-web

Slider doesn't support step="any"

Open
#5,077 6 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
SCSS
Stars
11.3k
Forks
1.1k
Avg merge
20h 28m
Merged PRs (30d)
13

Description

What is affected?

Component

Description

"Continuous" sliders have a step size of 1, so they aren't really continuous as they aren't as smooth as possible. Setting the step size to 0 somehow doesn't fix this, so there's probably also an issue with how they're displayed.

Reproduction

https://material-web.dev/components/slider/

Workaround

I have not found a workaround.

Is this a regression?

No or unsure. This never worked, or I haven't tried before.

Affected versions

latest

Browser/OS/Node environment

Browser: Firefox 118.0.1 (64-bit)
OS: Fedora Workstation

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.

Research direction

Start with the slider component demonstrated at the linked Material Web reproduction and inspect how its step attribute is handled. Reproduce the issue with step="any" and compare it with the current continuous-slider behavior. Done means the slider accepts step="any" and provides genuinely continuous movement without breaking existing step handling.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.