✊🏿 Black Lives Matter. Please consider donating to Black Girls Code today.
📊 Dash 2.0 is Arriving. Register here.

Bugs in Dash Daq > Slider?

import dash
import dash_daq as daq
import dash_core_components as dcc
import dash_html_components as html

app = dash.Dash()

app.layout = html.Div(children=[

    html.Div(children=[
        daq.Slider(
            id='daq_slider',
            min=0, max=100, step=1, color='#000080',
            marks={i: i for i in range(0, 101, 25)},
            handleLabel={"showCurrentValue": True,
                        'color':'#000080',
                        'label':'VALUE',
                        }
    )
    ], style={'margin-left': '2.5vh',
            'margin-top': '10vh'}),

])

if __name__ == '__main__':
    app.run_server(debug=True)

Bug 1

When Upgrading dash daq from 0.3.1 to 0.3.3 the circular marks in the daq_slider just disappeared.

0.3.1

daq_slider_0.3.1

0.3.3

daq_slider_0.3.3

tried in both chrome and firefox.

Bug/question 2

Summary

handleLabel ( dict ; optional): Configuration of the slider handle’s label. Passing falsy value will disable the label. handleLabel has the following type: string | dict containing keys ‘showCurrentValue’, ‘label’, ‘color’, ‘style’. Those keys have the following types:

  • showCurrentValue (boolean; optional)
  • label (string; optional)
  • color (string; optional)
  • style (dict; optional)

Even if in the documents says “label” is optional in practice if i comment out the “‘label’:‘VALUE’” it gives an error “Objects are not valid as a React child”

Bug/question 3

When you press the slider it gives a nice glow. However that glow is in the original color and not on the new slider color (in the example color is “Navy” / ‘#000080’)