Akryum / Akryum/vue-virtual-scroller

Different behaviour of system scroll in different browsers

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

説明

I checked "Recycle scroller" demo in three different browsers:
1. **Firefox** — 77.0a1 (2020-04-14) (64-bit)
2. **Microsoft Edge** — Version 84.0.484.0 (Official build) Canary (64-bit)
3. **Safari** — Version 13.1 (15609.2.1)

Please check this video — https://imgur.com/a/oiXRmgZ
Same but GIF:
![ezgif com-gif-maker](https://user-images.githubusercontent.com/1788245/79238167-bb7d9900-7e77-11ea-9bd4-5da59f31c662.gif)

### Results:
**Firefox** works is expected
**Microsoft Edge** — scroll is invisible at all (of course in Chrome too)
**Safari** — Scroll is inaccessible due to some styling

### Found a solution:
1. Add any positive `z-index` after this line https://github.com/Akryum/vue-virtual-scroller/blob/master/src/components/RecycleScroller.vue#L567
2. Remove these lines — https://github.com/Akryum/vue-virtual-scroller/blob/master/src/components/RecycleScroller.vue#L589-L590

Please check this video for fix — https://imgur.com/a/2h88x9N
Same but GIF:
![ezgif com-gif-maker (1)](https://user-images.githubusercontent.com/1788245/79241958-5f694380-7e7c-11ea-941a-34b3afadbff9.gif)

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

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

評価

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

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

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