React-custom-scrollbars: Adding className to track (horizontal or vertical) breaks functionality

[dusanstojanovic]

Every time I try to customize the look of scroll bars, it breaks:

<Scrollbars
        renderTrackHorizontal={props => <div {...props} className="track-horizontal"/>}
        renderTrackVertical={props => <div {...props} className="track-vertical"/>}
        renderThumbHorizontal={props => <div {...props} className="thumb-horizontal"/>}
        renderThumbVertical={props => <div {...props} className="thumb-vertical"/>}
        renderView={props => <div {...props} className="view"/>}>
       .....

ThumbHorizontal/ThumbVertical are working, though

[dusanstojanovic]

Ok, I rephrase it: How to add className to TrackHorizontal and/or TrackVertical??? The code from documentation just doesn't work

<Scrollbars
        renderTrackHorizontal={props => <div {...props} className="track-horizontal"/>}
        renderTrackVertical={props => <div {...props} className="track-vertical"/>}
       .....

[kazagkazag]

You have to add styles for that tracks. I added heght:100%; top:0; right:0; for .track-vertical and now my vertical track works as expected.

[dusanstojanovic]

@kazagkazag that's it, thanks