dash-core-components icon indicating copy to clipboard operation
dash-core-components copied to clipboard

Right text labels of dcc.Slider are broken

Open Kully opened this issue 4 years ago • 0 comments

If you create a dcc.Slider with a label near the right side of the slider, the tooltip text with add line breaks between words. This is not the case with other labels: usually, everything is in one line.

Sample Code to Replicate

  • app.py

image

import dash
import dash_html_components as html
import dash_core_components as dcc

app = dash.Dash(__name__)
app.layout = html.Div([
    html.Div(
        style={"width": "600px"},
        children=dcc.Slider(
            min=0,
            max=10,
            step=1,
            value=1,
            marks={
                 0: 'a a a a a',
                 2: 'a a a a a',
                 6: 'a a a a a',
                10: 'a a a a a',
            },
            
        )
    ),
])

while __name__ == "__main__":
    app.run_server(debug=True)

Kully avatar Jan 14 '21 00:01 Kully