Add support for usage within react-window

I don’t know if the issue should be posted here or there but let’s discuss. At the moment it’s impossible to use SimpleBar in react-window because both plugin create their own element to listen to the scroll. I don’t know how we could achieve this but it would work nicely together if there was a way to specify the scrollable node (either SimpleBar passing the scrollable node to react-window or the opposite). In theory SimpleBar is positioned higher in the DOM than react-window, so I would guess that it’s to react-window to accept a scrollableNode prop.

I see an API like this:

<SimpleBar>
  {({ scrollableNode }) => (
    <FixedSizeList scrollableNode={scrollableNode}>
      {({ index, style }) => {
        ...
      }}
    </FixedSizeList>
  )}
</SimpleBar>

cc @bvaughn

[sergej-s]

@Grsmto, don’t you have an example of how to use simplebar with react-window? I really cannot find a way…

[barbalex]

@dustinlakin

Two things were missing:

• the import for simplebar.min.css
• Styling to hide the native scrollbar

See: https://codesandbox.io/s/simplebar-react-window-forked-bp3hs?file=/src/App.js