Scrolling issues if style is omitted

Hi, it’s my first time using react-window for a project of mine. You can see the current usage of it here.

I encountered an issue where my list would start stuttering and experiencing major scrolling issues which I assumed was related to some data being re-rendered or something along that line. Days of research and experimentation later, I discovered that the issue could be replicated even in one of your examples; the memoized list. If I simply remove style={style} from the Row, then upon scrolling you’ll see the issues appear.

This seems to contradict the documentation which says

style: Object = null Optional inline style to attach to outermost <div> element.

So my question is, what can be done to resolve this issue?

[bvaughn]

If I simply remove style={style} from the Row

That would not be using the library correctly. It’s required that you attach the style prop to whatever elements your item renderer returns, because that’s how react-window positions them.

The docs entry you linked to about style is referencing an optional style that you can set on the list itself (not the individual items). All of the docs examples should show correct usage of the style prop passed to the item (row) renderer.

Hope this clears things up!

[bvaughn]

Took me a bit, but I added a section to the FAQs.