Akryum / Akryum/vue-virtual-scroller

Maximum element size prevents scrolling to the bottom for large tables

Aberta
#767 1 comentário 2 reações 0 responsáveis Ver no GitHub
bug
Linguagem predominante
TypeScript
Estrelas
10.8k
Forks
973
Métricas de merge de PRs
Nenhum PR com merge em 30d

Descrição

### Describe the bug

Each browser has a [maximum allowable height for div elements](https://stackoverflow.com/questions/51890286/need-to-increase-the-allowable-maximum-height-for-a-div-element). When the height vue-recycle-scroller__item-wrapper div exceeds this number I am no longer able to scroll below a certain index.

### Reproduction

RecycleScroller with
- a list of 500.000 items
- an item-size of 80px

Dragging the scrollbar to the bottom, I am able to see the 419432'th row on the bottom but any attempt of scrolling downwards from here fails.
The vue-recycle-scroller__item-wrapper has a height of 33.554.428px which is the maximum allowed height of a div for my browser (Chromium)

### System Info

```shell
System:
OS: Windows 10 10.0.22000
CPU: (12) x64 Intel(R) Core(TM) i7-10750H CPU @ 2.60GHz
Memory: 12.36 GB / 31.75 GB
Binaries:
Node: 14.19.0 - ~\AppData\Local\Volta\tools\image\node\14.19.0\node.EXE
Yarn: 1.22.19 - C:\Program Files\Volta\yarn.EXE
npm: 6.14.16 - ~\AppData\Local\Volta\tools\image\node\14.19.0\npm.CMD
Browsers:
Edge: Spartan (44.22000.120.0), Chromium (107.0.1418.26)
Internet Explorer: 11.0.22000.120
npmPackages:
vue: 2.6.* => 2.6.14
vue-virtual-scroller: 1.0.10 => 1.0.10
```

### Used Package Manager

npm

### Validations

- [X] Read the [docs](https://github.com/Akryum/vue-virtual-scroller/blob/master/packages/vue-virtual-scroller/README.md).
- [X] Check that there isn't [already an issue](https://github.com/Akryum/vue-virtual-scroller/issues) that reports the same bug to avoid creating a duplicate.
- [X] Check that this is a concrete bug. For Q&A open a [GitHub Discussion](https://github.com/Akryum/vue-virtual-scroller/discussions).
- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.

Guia de contribuição

Nenhum guia de contribuição indexado para este repositório

Avaliação

Esta issue ainda não foi avaliada.

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.