Add ability to style `outerdiv` inline and/or with className

[benmneb]

This will close https://github.com/ankeetmaini/react-infinite-scroll-component/issues/180

I can't implement it locally (don't know how) but all tests passed and it looks good to me... the only problem might be conflicting overflow: ... inline styles on the outerdiv when this.props.pullDownToRefresh && this.props.height is true and someone also manually adds an overflow style. See:

const outerDivStyle =
      this.props.pullDownToRefresh && this.props.height
        ? { overflow: 'auto', ...this.props.outerDivStyle }
        : { ...this.props.outerDivStyle };

🤷‍♂️

[sepehr500]

Any Updates on this? Would be great to have.

[s0-david]

Is this deployed?

[arnotixe]

when using tailwind with this, you can manually add tailwind styling to globals.css

.infinite-scroll-component__outerdiv {
  @apply w-full;
}

But I :+1: it would be better with simply a prop