question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[BUG] Dash documentation on Slider marks

See original GitHub issue

Great 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

dash_plotly_slider

Issue Analytics

  • State:open
  • Created 4 years ago
  • Comments:7 (6 by maintainers)

github_iconTop GitHub Comments

1reaction
alexcjohnsoncommented, Aug 1, 2019

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 say step=None to get the described behavior, which puts the text in contradiction with the example code.

0reactions
charlesdwrightcommented, Aug 19, 2021

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.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found