Реагирующая виртуализация прокрутки списка сходит с ума и Autosizer не работает

Question

Прокрутка списка сходит с ума, когда я прокручиваю, и потом продолжает дрожать, даже если я ничего не делаю), как вы можете видеть здесь: https://imgur.com/SdgMf7f (извините, встраивание этого gif здесь не работает)

Я сделал минимальный пример, где это происходит:

https://codesandbox.io/s/4r2q3omv1w

Я передал стиль в строки.

Кроме того, если вы измените высоту и ширину списка, чтобы получить значения из Autosizer, список не появится, даже если он выглядит точно так же, как в примере .

Есть идеи, как исправить эти две проблемы?

РЕДАКТИРОВАТЬ: кажется, что в Firefox он работает немного лучше, хотя в моем собственном коде он все еще немного нервный, а прокрутка codeandbox все еще не идеальна.(это супер нервный хром, даже в инкогнито).

Answer 1

Кажется, проблема связана с 2 проблемами:

• Не делегировать height и width от <AutoSizer> до <List>

• Строкавысота была определена как 50, но фактическая отображаемая высота была больше -

  Из документов : Обратите внимание, что очень важно, чтобы строки не имели вертикального переполнения,Это затруднило бы прокрутку списка (отдельные элементы будут перехватывать события прокрутки)

Вот рабочий пример: https://codesandbox.io/s/jppm1mmo83