WindowScroller + AutoSizer + List не работает должным образом

Question

Я пытался использовать комбинацию WindowScroller + AutoSizer + List в моем веб-приложении.Виртуализация работает хорошо, когда это только AutoSizer + List.Однако, когда я помещаю его в WindowScroller, список строк больше не отображается должным образом.

Так выглядит при применении WindowScroller. список результатов

Я уже искал доступные решения здесь и в документе.Обнаружил похожую проблему, опубликованную здесь, но предоставленный ответ уже был применен к моему коду.Теперь я не могу понять, что именно мешает отображению строк.

return (
      <React.Fragment>
        <WindowScroller>
          {({height, isScrolling, onChildScroll, scrollTop}) => (
            <AutoSizer disableHeight>
              {({width}) => (
                <List
                  autoHeight
                  height={height}
                  isScrolling={isScrolling}
                  onScroll={onChildScroll}
                  rowCount={rows.length}
                  rowHeight={30}
                  rowRenderer={({ index, style }) => <div style={style}>Row {index}</div>}
                  scrollTop={scrollTop}
                  width={width}
                >
                </List>
              )}
            </AutoSizer>
          )}
        </WindowScroller>
      </React.Fragment>
    );

Answer 1

Похоже, это проблема реализации. Стиль переполнения элемента контейнера, который я использовал для ссылки на WindowScroller, установлен неправильно.