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.

Problem with AutoSizer in v9.21.1

See original GitHub issue

Hey

In my app I have tabs with virtualized lists on it. I use scrollTop property to restore scroll position when switching tabs. After update to 9.21.1 I faced strange bug (in 9.21.0 same code works fine)

What is the current behavior?

react-virtualized

Steps to reproduce

scroll List1 on Tab 1
go to Tab 2
scroll List2 on Tab 2
back to Tab 1 (List with AutoSizer) -> BUG: blank list. List will be shown if scroll
back to Tab 2 (List without Autosizer) -> works as needed (restore previous scrollTop)

Code https://codesandbox.io/s/reactvirtualized9211-two-tabs-with-scrolltop-w5vpd

Which versions of React and react-virtualized, and which browser / OS are affected by this issue? Did this work in previous versions of react-virtualized?


Browser	Chrome 70
OS	Debian
React	16.8.6
React DOM	16.8.6
react-virtualized	9.21.1

Issue Analytics

State:
Created 4 years ago
Reactions:6
Comments:11

Top GitHub Comments

4reactions

Kyle-Lowecommented, Jun 24, 2019

@ashmigelski, I have reverted back to version 9.20.0 in the project I’m currently working on and also updated your code sandbox to this version. This appears to have fixed the syncing issue between the AutoSizer and Table components. If you are looking for a temporary solution until the issue can be resolved going forward this may help you out.

1reaction

pierre-aurele-martincommented, Jul 3, 2019

Hello, I confirm this issue ! Took me a while to understand that it was not my fault 😉

The “hack” I’ve found is instead of returning a width=0 from calcColumnWidth, I return 0.1 - in my context, it doesn’t do a difference (except it works 😃

Top Results From Across the Web

Using react-virtualized AutoSizer results in props violation for ...

I'm trying to combine FlexTable and AutoSizer (from react-virtualized) but keep getting an error that I do not quite see the reason for....

react-virtualized-auto-sizer examples - CodeSandbox

Learn how to use react-virtualized-auto-sizer by viewing and forking example apps that make use of react-virtualized-auto-sizer on CodeSandbox.

Known Issues and Limitations (igGrid) - Ignite UI

Known Issues and Limitations (igGrid) The following table summarizes the known issues and limitations of the igGrid™ control. Detailed explanations of some.

GKE release notes archive | Google Kubernetes Engine (GKE)

The default version for new clusters is now v1.13.11-gke.9 (previously ... The DNS Replica Auto-Sizer now creates a minimum of 2 replicas except...

Input Output Reference - EnergyPlus

1.18.1 Input for Design Calculations and Component Autosizing . ... 1.56.1 Introduction to Operational Faults Modeling .