[BUG] Dash documentation on Slider marks
See original GitHub issueGreat software.
Describe your context On the Dash website there is an explanation of the Slider component https://dash.plot.ly/dash-core-components/slider Under the section “Marks and Steps” it says “[…] the slider will only be able to select values that have been predefined by the marks.” I’m on Chrome under Windows 10 but I doubt that’s relevant.
Describe the bug
When moving the slider you can select values not defined in marks
. Additionally, you can’t select 7.65, a value defined in marks
.
Expected behavior
I expected the slider to behave as described, i.e. limit the selectable values and have all defined values be available.
Screenshots
Issue Analytics
- State:
- Created 4 years ago
- Comments:7 (6 by maintainers)
Top Results From Across the Web
Dash RangeSlider visual bug when updating
Hello, As the title suggests I'm having trouble with updating a range slider without getting a strange visual error.
Read more >Sliders - Selection and input - Human Interface Guidelines
In a linear slider without tick marks, the thumb is round, and the portion of track between the minimum value and the thumb...
Read more >Form - dbc docs - Dash Bootstrap Components - Faculty AI
Forms. Use Bootstrap's form components to control the layout and style of your input components. Examples. When building Dash apps ...
Read more >In Dash (python), I have problem with slider and radioitem ...
RangeSlider (id='ageslider', min=18, max=60, step=1, value=[18,60], marks={str(Age): str(Age) for Age in data.Age.unique()} ), dcc.
Read more >Slider | Dash for Python Documentation
Slider | Dash for Python Documentation ... Slider(0, 10, step=None, marks={ 0: '0°F', 3: '3°F', 5: '5°F', ... bug of adfuller test with...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Thanks @grofte The issue is that
step
has a default of 1 (though this is never explicitly stated anywhere in our own docs - you have to go look at the component we wrapped, https://github.com/schrodinger/rc-slider to see that) and you have to explicitly saystep=None
to get the described behavior, which puts the text in contradiction with the example code.Has anyone noticed (in the example above and in the docs) that the right-most mark (10 °F) wraps the characters after the space to a new line?
This is no bueno. One of those 80/20 Rule things that makes you pull your hair out when you’re burning the midnight oil to finish your project. Haven’t found a combination of style tricks or char code to work around it yet, either.
Otherwise, love the library & thx.