Stuck on an issue?

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.

[BUG] List is not being rendered when initialTopMostItemIndex is specified

See original GitHub issue

Describe the bug I think this is a bug introduce in 1a230ef78d7003c0340ac253f3232d420ca9e23a. In version 2.2.1, the list is not being rendered sometimes. Writing is hard, let’s attach some gif

Behavior in v2.2.0 (Expected behavior) apZOeyIS77

Behavior in v2.2.1 (Unexpected behavior) Kej96M7WKQ

Reproduction https://codesandbox.io/s/gallant-wescoff-n50s4?file=/src/App.js Please change the version in package.json to test the behavior.

To Reproduce Steps to reproduce the behavior: Re-run the following steps on version 2.2.1 and 2.2.0

Change react-virtuoso version to xxx
Refresh, click on Change item set
Observe the result

Expected behavior List should be rendered like how it is in v2.2.0

Issue Analytics

State:
Created 2 years ago
Reactions:2
Comments:21 (10 by maintainers)

Top GitHub Comments

2reactions

petyosicommented, Oct 28, 2021

Fixed in https://github.com/petyosi/react-virtuoso/commit/16aca7514beefdc9a54e9f920337b46759acd45d.

2reactions

Elabarcommented, Oct 28, 2021

Ya, I think the bug is fixed in 2.2.6. Just tried it in sandbox for a solid 2 minutes (Windows 10, Microsoft Edge), don’t see this happening again.

I think you can reference the commit and close this issue.

Thks for your effort!

Top Results From Across the Web

Start from a certain item - React Virtuoso

Start from a certain item. The initialTopMostItemIndex property changes the initial location of the list to display the item at the specified index....

A Taxonomy of HTML5 Canvas Bugs - arXiv

The HTML5 <canvas> allows the rendering of high quality graphics in web applications. ... specific bug type for a given bug report. However,...

React key attribute: best practices for performant lists

The id-based behaviour is correct and performant: items are recognized accurately, and every item is memoised, so no component is re-rendered.

react-virtuoso - Bountysource

I'm currently using the VirtuosoGrid component to render a long list of items in a grid, using CSS grid, and it's working great....

React keys for non-list elements? - Stack Overflow

Here jsfiddle.net/bqvod1n9 gives error for keys in the console, but when render doesn't have components as an array jsfiddle.net/z8vqt9Lw no ...