Rendered list items are reloaded sometimes when scrolling or resizing the window

[mmmulani]

Describe the bug
When using an iframe, video, or any web component with implicit state, scrolling or resizing the window (to cause the column count to change) can sometimes cause a complete re-render of a list item causing all the state to be lost.

Example using the default codebox with the first element changed into an iframe of Wikipedia:
https://codesandbox.io/s/masonic-example-forked-52xrvi?file=/src/index.js

Resizing the window such that the column count changes will cause the iframe to be completely reloaded, even though it is within the viewport the whole time.

I looked through the masonic code and it seems to be using key effectively which should prevent this issue but it's still happening. I also found this somewhat relevant issue: whatwg/html#5484 though that seems to be about reparenting which should not be happening in this case.

Desktop (please complete the following information):
MacOS 12.3, Chrome v100, though we have been using Masonic for over a year and seen this issue.

[Doaa-Ismael]

Yes, even the images reload on the sandbox.

[epurban]

Having the same issue. @jaredLunde is there an explanation here? Thanks!

[jaredLunde]

not sure how unexpected this is. might happen with any windowing library :\