React-virtualized: re-rendering list
hi,
I am using virtualized with react-sortable-hoc. I have used Masonry component to display data. but when i drag and drop elements, data is re-rendering and scroll going on the top. how do i maintain scroll even if data is re-rendered?
is there any way to set startIndex?
also scroll to position is not available in Masonry.
VikrantShirvankar
All 4 comments
Hi! Any progress on this issue?
HtmlRanger
on 19 Feb 2019
Hi,
See this example - https://codesandbox.io/s/ovz73vwn26
When i move 1st item to the last item, scroll does not maintain its position, it goes on top.
how to fix this issue?
VikrantShirvankar
on 19 Feb 2019
Hi @VikrantShirvankar,
the issue here is recreating cache, cellPositioner and entire Masonry on each rerender, which causes complete Masonry to be rerendered and therefore scroll is set to initial top position. Just move those functions out of the render method in Child component.
Working example: https://codesandbox.io/s/virtualized-sortable-450ii
Hope this helps.
neemanjabu
on 12 Jul 2019
Hi @neemanjabu,
Great! Thanks.
VikrantShirvankar
on 12 Jul 2019
Related issues
athorwall
路
4Comments
miraage
路
4Comments
ellatrix
路
3Comments
SBoudrias
路
3Comments
pkumar84
路
4Comments
Most helpful comment
Hi @VikrantShirvankar,
the issue here is recreating cache, cellPositioner and entire Masonry on each rerender, which causes complete Masonry to be rerendered and therefore scroll is set to initial top position. Just move those functions out of the render method in Child component.
Working example: https://codesandbox.io/s/virtualized-sortable-450ii
Hope this helps.