Slider not firing callback

All

I have a little issue trying to pit slider to work

The slider does works when I adjust the slider value with the mouse, but the slider doesn’t work if I want to change the value by moving the “arrow keys” in the keyboard. The example shown in “https://dash.plot.ly/dash-core-components/slider” can do this but I cannot make this work in here

Below the sample of the code with the specific issue if anyone has any idea why?

"
import dash
import dash_core_components as dcc
import dash_html_components as html
from dash.dependencies import Input, Output

app = dash.Dash(name)
app.title = “slider”
app.layout = html.Div(children=[

html.Br([]),

html.Div([
dcc.Slider(
    id='slider',
    min=0,
    max=3100,
    step=1,
    value=3050,
    marks={
    500: {'label': 'Game 500', 'style': {'color': '#77b0b1'}},
    1000: {'label': 'Game 1000' },
    1500: {'label': 'Game 1500' },
    2000: {'label': 'Game 2000' },
    2500: {'label': 'Game 2500' },
    3100: {'label': 'Latest', 'style': {'color': '#f50'}}
    },        
),
], className="ten columns"),#style={'columnCount': 1}),    

html.Div(id='slider_output_container'),
    html.Br([]),   

])
@app.callback(
Output(‘slider_output_container’, ‘children’),
[Input(‘slider’, ‘value’)])
def update_output(value):
display = ‘Accumulated Results for number {}’.format(value)
return display

if name == ‘main’:
app.run_server(debug=True)
"

I know this is old but I had a similar issue where my slider was working by arrow keys and then stopped that I seem to have fixed by changing the step parameter.

1 Like

This is still the case, my arrow keys were not correctly changing the value of the slider (even though mouse input worked fine). Changed steps = 1 in the slider layout and my arrow keys now work perfectly.