Autodesk / Autodesk/react-base-table

Scrolling not smooth on touch devices (Mobile and Tablets)

オープン
#246 コメント 2 件 リアクション 0 件 担当者 0 名 GitHub で見る
主要言語
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

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

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