However, the date slider is clipped on my browser (see earliest year on screenrgrab). No html has been edited and the browser zoom does not make a difference. Anyone know what I may be doing incorrect?
In addition, when inspecting the elements, it seems to be appended to the bottom of the html document, ignoring the bounds of the html doc (see attached image). How do I get Dash to respect the bounds or will this require some redevelopment of the tool?
I think the issue is the labels of the slider stretching past the bounds of the window. Deleting the element that contains the marks (has the class name rc-slider-mark) the scrollbar disappears. You just need to constrain the width of the slider so it’s not 100%, otherwise the labels will overflow the bounding div. Applying the style width:95% to either the entire layout div or to a div that just wraps the slider should fix the issue.
