Akryum / Akryum/vue-virtual-scroller

Maximum element size prevents scrolling to the bottom for large tables

Offen
#767 1 Kommentar 2 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
bug
Vorherrschende Sprache
TypeScript
Sterne
10.8k
Forks
973
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

### 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.

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Bewertung

Dieses Issue wurde noch nicht bewertet.

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.