Autodesk / Autodesk/react-base-table
Scrolling not smooth on touch devices (Mobile and Tablets)
- 主要言語
- TypeScript
- スター
- 1.5k
- フォーク
- 170
- PR マージ指標
- 30日以内にマージされた PR はありません
説明
I was using react-fluid-table and needed infinite scrolling but wasn't implemented in react-fluid-table and I got to know about react-base-table and was really happy about its rich features, so I replaced the fluid-table with base-table in one of my component. I noticed that on desktop or laptop devices with mouse, the scrolling is smooth but on touch devices like my phone (Android) and windows tablet, the scrolling is not smooth. It looks draggy and the total items are just 200 rows. I now put both fluid-table and base-table in the component for comparison. fluid-table is quite very smooth when scrolling while base-table drags as if each row is been forced to move. I removed AutoResizer and still the same, used estimatedRowHeight, still the same.
I really want to use base-table because of its feature rich but the smooth scrolling will definitely make me reconsider other options like implement the infinite loading on react-fluid-table.
I recorded the screen of my app using react-fluid-table vs react-base-table.
[App Screen recorder](https://drive.google.com/file/d/12UgvZ-AMChuaAthb2MAOnXVcEvWW1uCE/view?usp=sharing)
コントリビューションガイド
調査の方向性
まず、Android スマートフォンまたは Windows タブレット上で react-base-table のタッチスクロール動作を再現し、リンクされた画面録画に示されている react-fluid-table と比較します。AutoResizer と estimatedRowHeight が結果に影響するか確認します。タッチデバイスで報告された 200 行のケースのスクロールが滑らかになれば完了です。
索引モデルが issue の本文から書いたものです。
評価
- 技術スタック
- react
- 領域
- frontend, performance
- issue の種類
- バグ
- 難易度
- 4/5
- 見積もり時間
- 3〜5日
- 活発さ
- 停滞
- 明瞭さ
- 説明が足りない
- 初心者へのやさしさ
- 35/100