Description of SelectionRangeSlider is cut

[MbProg]

I am using SelectionRangeSlider, but the description is cut off. I tried to change the layout property as described in this thread, but it did not work and still the description is cut:

I also tried to use the style attribute:
style = {'description_width': '100px'}
but it does not change anything.
How can I solve this?

[trllrgn]

I think the description_width changes the space available for "Time" in your example, not "28 Nov 2017..." Did you manage to solve this problem?

[Martinschei]

layout = {'width': '800px'} changes the entire width including (time, the slider and the dates.
Since I have the same problem as you do and can't make the dates completely visible, I found a workaround.
I right click the box width the date, and click inspect.

Then I manually change (max-width from 148px to 300px)
I would like to do this permanently since every time I open the notebook it's reset to default of 148px.

[drefrome]

Another vote for addressing this issue. I'm using this as a date slider, and I can't express dates as "Jan 1, 2000" without the full range string being cut off on the right side (and as noted previously, changing the slider width doesn't fix this problem). Changing the CSS manually isn't an option because I'm building a visualization tool for others to use.

[Vikt0riia]

one more vote for this issue

[groegercesg]

Also encountering this issue.
Further, am also able to manually fix it through inspect element and putting the max-width to something big, which it then automatically scales down to the appropriate size.
Surely there is a way for ipywidgets to do this.

[anthonymichaelclark]

➕ 1️⃣