Display issue for sliders created with createSlider
Open
Nobody has claimed this yet.
Area:IO
Bug
- Dominant language
- JavaScript
- Stars
- 24k
- Forks
- 3.8k
- Avg merge
- 3d 16h
- Merged PRs (30d)
- 25
Description
Most appropriate sub-area of p5.js?
- Accessibility
- Color
- Core/Environment/Rendering
- Data
- DOM
- Events
- Image
- IO
- Math
- Typography
- Utilities
- WebGL
- Build process
- Unit testing
- Internationalization
- Friendly errors
- Other (specify if possible)
p5.js version
V10.0
Web browser and version
Safari 17.5.1
Operating system
iOS 17.5.1
Steps to reproduce this
Steps:
- Create a slider named "slider" using createSlider
- Try sliding it back and forth with a finger - it displays correctly
- Now try changing slider.value() to various values (within the min and max values)
- The blue line along the slider does not maintain its integrity, and quickly becomes mottled with white sections
- The first photo shows the slider displayed correctly with a solid blue line to the left of the handle
- The other two photos show the mottled appearance of the blue stripe when the slider is moved by slider.value(x)
Snippet:
// Paste your code here :)
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the createSlider and slider.value(x) steps in Safari 17.5.1 on iOS 17.5.1, then trace the slider rendering path. Done means programmatic value changes preserve a solid blue line between the minimum and handle, matching direct finger interaction.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 30/100