react-infinite-scroll-component icon indicating copy to clipboard operation
react-infinite-scroll-component copied to clipboard

No prop for customization of outer div

Open juniorbatistadev opened this issue 5 years ago • 4 comments

This provoke styling issue when the parent dom element need custom styles.

Here for example I tried to make the component width 100% but the class name is not apply to the outer div.

image

juniorbatistadev avatar Mar 24 '20 22:03 juniorbatistadev

Yeah, this is painful. The workaround I did was adding a style like this to override it:

.infinite-scroll-component__outerdiv {
     width: 100%
}

deepal avatar May 18 '20 20:05 deepal

Prop will be great here

EldinZaimovic avatar Oct 21 '20 13:10 EldinZaimovic

This prop is essential!

benmneb avatar Sep 20 '21 07:09 benmneb

In case anyone still looking for this. To target outer div;

div:has(> .YourCustomInfiteScrollClassName) {
  width: 100%;
}

mertuner avatar Dec 15 '22 21:12 mertuner