react-beautiful-dnd and Items with images (async sizing)

First, thanks for the lib. I’m looking to move from react-virtualized. I’m liking what you have going on here!

I have a list that contains images. Currently, I do not cache the image height in the data payload, just the image URL. When I was following the example at https://virtuoso.dev/react-beautiful-dnd/ it has the whole HeightPreservingItem component with the data-known-size prop. In this example, the component gets measured before the image is loaded, but then after the image loads, there isn’t a resize for that item.

Is there a way you recommend triggering a resize for each item when there is an image load?

[petyosi]

@russelldc thanks. This might be related to the way mode="virtual" is implemented (as it has react-window as an integration target). I will look into a reliable solution for the content measurement.

[ozsirma]

I did not encounter a problem. Nice to see the new approach works. 👍