Overlay vs block

[fabiancook]

Is it possible to have the scrollbars be an overlay on top of the contained content, rather than taking up space from the container?

This would be similar to how macOS handles scrollbars where the scrollbars are transparent (excluding the actual handle).

[xobotyi]

Sure, it's very easy:

<Scrollbar wrapperProps = {{style: {margin: 0}}}/>

Almost every style is overridable.

[fabiancook]

Perfect, thanks

[thomasgassmann]

As of 2020, you might want to do it like this:

<Scrollbar wrapperProps = {{style: {right: 0}}}/>

[xobotyi]

@thomasgassmann sadly but most companies still have 1% rule. Meaning that if 1% of autdience is using IE it should be supported.