Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
measureRef gives wrong size at first render
See original GitHub issueHi,
I am trying to use react-virtual to render a dynamic-height list. When I pass measureRef to my list item wrapper like <div ref={measureRef}><ListItem /></div> it calculates the height of each visible list item as 48px. But this value is not correct. Calculation becomes correct when I start scrolling for the first time to trigger a change on visible portion of the list.
When I pass the ref using a arrow function like <div ref={element => measureRef(element)}><ListItem /></div> it calculates and renders correctly.
Issue Analytics
- State:
- Created 3 years ago
- Reactions:9
- Comments:8 (2 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
@sarioglu - this issue advice saved me. I was having trouble with lists of a certain size not displaying correctly until i scrolled as well. This arrow function fix solved the problem!