Akryum / Akryum/vue-virtual-scroller

RecycleScroller after data update doesn't show new items on scroll

オープン
#249 コメント 8 件 リアクション 0 件 担当者 0 名 GitHub で見る
need-repro
主要言語
TypeScript
スター
10.8k
フォーク
973
PR マージ指標
30日以内にマージされた PR はありません

説明

Scenario:

I use a `recycle-scroller` component for a table that receives some live data updates over the websocket.

On initial run, before any update come over the websocket, everything works fine.

When first update comes in, I see the data update (e.g. by console logging it), but table doesn't load any data when I scroll up / down (so I see huge blank spaces besides the part that was visible at the time when update come to me).

When the another update comes in though, it updates/renders/loads missing table rows in the place I was scrolled to in the moment when the update comes in.

The only workaround for this I've found is to toggle visibility of the whole `recycle-scroller` component on each data update, but it leads to scrolling user to the top on every update and table flickering (as the toggle must happen with `$nextTick` method to work so it's invisible for a split of a second).

Any suggestions will be highly appreciated.

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

評価

この issue はまだ評価されていません。

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。