How to handle variable item heigh based on CSS Media Queries
I'm writing a virtualized-list component with
react-virtual, but this question is relevant to any windowing library:
Each item in the list has the same height. The height is mostly static, except that padding/font-size change depending on the viewport size because of responsive media queries in the CSS. Because of this, the size of an item that is already rendered might change without any rerenders taking place.
I'm seeking insight on the recommended approach for handling this type of dynamic sizing for virtualized elements.0 Replies