Plock grid re-hydration on URL search query change in Next.js, which might cause a delay in onClick events of grid items.

Question

Plock grid re-hydration on URL search query change in Next.js, which might cause a delay in onClick events of grid items.

rahulcn opened this issue 2 years ago · comments

Possible steps to reproduce,

Add an onClick event on the items to update URL search params.
The click event is not working sometimes, It's not consistent though.
Try making the cursor out of focus in the inspector and click directly on the item.
It is recreating the grid on every item click.

Also, there is a delay in Masonry formation, after the DOM hydrates it takes a second to form masonry grid. Is there a config or possible fix?

Renato Pozzi · Answer 1 · Fri Jun 03 2022 20:19:27 GMT+0800 (China Standard Time)

Hi!

Could you please provide a Sandbox showing the issue you are talking about?

It will be helpful for debug.

Many thanks.

Renato Pozzi · Answer 2 · Sat Mar 04 2023 03:23:09 GMT+0800 (China Standard Time)

Close due to inactivity.

Please check out the new v3.0.0 version just published. In addition to a number of performance and bundle size improvements, the problem you reported probably has been fixed.