Vertical dcc.RangeSlider does not resize with browser window height

Dash Python
1

Hi all,

In the example below a vertical dcc.RangeSlider is created, but it doesn’t scale with the height of the browser window. Parameter ‘verticalHeight’ takes strict numbers (representing pixels ‘px’), no strings where you can relate to ‘vh’.
If the rangeslider is placed horizontally (vertical=False), it does automatically scale with window width.

Is there a way to have it vertically scalable?

import dash
from dash import dcc, html
import dash_bootstrap_components as dbc

app = dash.Dash(__name__, external_stylesheets=[dbc.themes.BOOTSTRAP])

app.layout = dbc.Container(
    dbc.Row(
        dbc.Col(
            dcc.RangeSlider(
                id='my-range-slider',
                min=0,
                max=100,
                step=10,
                value=[20, 80],
                vertical=True
            ),
            style={'height': '100vh', 'padding': '50px'}
        ),
    ),
    fluid=True,
    style={'height': '100vh'}
)

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

Thanks!