React-custom-scrollbars: How to disable the horizontal scrollbar?

[navinprasadk]

[ryan-ds17]

Add this to the scrollbar props
renderTrackHorizontal={props => <div {...props} style={{display: 'none'}} className="track-horizontal"/>}

[slim1801]

@ryan-ds17 I believe this just hides the scrollbar but still enables scrolling for that direction. Is there a way to just totally ignore horizontal or vertical scrolling?

Would be nice if there was a prop like disableHorizontalScrolling and disableVerticalScrolling

[creativelikeadog]

usually if the horizontal bar is appearing is because the inner content wrapper does not have overflow: hidden. Try that to see if solves

[pawelangelow]

In addition to @creativelikeadog 's answer ->

renderView={props => (
    <div {...props} style={{ ...props.style, overflowX: 'hidden' }} />
)}

I had to set overflow-x of the content wrapper to hidden.

[Losses]

@pawelangelow If there's a autoHeight flag, the height of renderView need to be handled seperately.

@malte-wessel What about providing a separate flag for this feature?