Display issue for sliders created with createSlider

[ricardocanada]

Most appropriate sub-area of p5.js?

• [ ] Accessibility
• [ ] Color
• [ ] Core/Environment/Rendering
• [ ] Data
• [ ] DOM
• [ ] Events
• [ ] Image
• [X] 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:

1. Create a slider named "slider" using createSlider
2. Try sliding it back and forth with a finger - it displays correctly
3. Now try changing slider.value() to various values (within the min and max values)
4. The blue line along the slider does not maintain its integrity, and quickly becomes mottled with white sections
5. The first photo shows the slider displayed correctly with a solid blue line to the left of the handle
6. 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 :)