question-mark
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] initialTopMostItemIndex render no list item when total items height is less than the container height

See original GitHub issue

Hi @petyosi, Thanks for the amazing library.

I am facing a bug related to initialTopMostItemIndex.

When the sum of total items height is less than Container/Virtuoso height, and there is no scroll bar visible, then if I add a positive value to the initialTopMostItemIndex prop, the list renders as an empty list.

Here is the reproducible URL: https://stackblitz.com/edit/react-l1eibb-gjtdpd?file=example.js

It is rendering as an empty list even though there are items present. if you increase the total count, it will render correctly

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:6
  • Comments:7 (3 by maintainers)

github_iconTop GitHub Comments

2reactions
petyosicommented, Nov 12, 2020

@harish-aka-shivi @chrisdostert @megos - I am working on the next release, v0.21.0-alpha.2 is addressing that bug. If possible, please test this release as there are many changes in it that I would like to verify before promoting to the official.

0reactions
petyosicommented, Dec 8, 2020

@chrisdostert - sounds like an evolution of some sort 😃. Please open a new issue once you get that repro. Thank you!

Read more comments on GitHub >

github_iconTop Results From Across the Web

Chrome won't render items when flex-direction: row-reverse ...
If the element does not have a height specified in a regular block layout, then it will be of 0 height. This might...
Read more >
Unbounded height / width | Decoding Flutter - YouTube
You put a ListView in a column and you get the error “Viewport was given unbounded height ”. What do you do now?...
Read more >
React Grid: Grid Size - AG Grid
Under normal usage, your application should set the width and height of the grid using CSS styles. The grid will then fit the...
Read more >
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....
Read more >
Picture perfect images with the modern <img> element
Images can impact the CWV in a number of ways. ... When width and height are specified on an image, the browser knows...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found