react-component / react-component/slider

Step with unmatching max value result in <>100% css

Open
#351 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Need Reproduce
Dominant language
TypeScript
Stars
3.1k
Forks
768
Avg merge
11d 22h
Merged PRs (30d)
5

Description

Bit strangely described, but I calculate the max value for the slider and have a fixed step amount. This results in a left CSS value for the handle which is not exactly 100%.

This results in different slider elements below each other, that are not vertically in line. (when handle is set to max value)

Contributor guide

No contributing guide indexed for this repository

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

Reproduce a slider whose maximum value is not an exact multiple of its fixed step, then trace how the handle's position is calculated at the maximum. Verify that handles at the maximum align at 100% so stacked slider elements remain vertically aligned.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
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.