[DynamicSizeList] Wrong positions after adding/removing items from the list

I’m experimenting with the branch #102.

Almost everything works well.

I’m facing a problem when the list items change:

1. Render list with initial items (ok)
2. Remove the second item
3. See some items get positioned wrong

See the blank space between items after filtering out the item that contains the word “progress”:

After I scroll past this blank space and go back, it get’s fixed.

I also noticed the items get wrong positions if new items are added to the list.

See wrong spacing after first item and cut off bottom buttons of the second item:

I don’t have a small reproducible demo, but the gif above is from this branch

I check and confirmed the props being passed to DynamicSizeList are being updated correctly (itemCount changes and this.getItemKey(2) get the the new id), so I believe it’s some react-window internal, probably related to the cache.

[graphee-gabriel]

@nihgwu resetAfterIndex does not exist for DynamicSizeList https://react-window-next.now.sh/#/api/DynamicSizeList

[ttamminen]

Just wanted to inform that I have the same issue.

In my case, the dimensions of a list item change due to the filtering. I think the itemSize calculation should re-triggered somehow.