Autodesk / Autodesk/react-base-table

Scrolling not smooth on touch devices (Mobile and Tablets)

Open
#246 2 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
1.5k
Forks
170
PR merge metrics
No merged PRs in 30d

Description

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)

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the touch-scrolling behavior in react-base-table on an Android phone or Windows tablet, comparing it with react-fluid-table as shown in the linked screen recording. Check whether AutoResizer and estimatedRowHeight affect the result; done means scrolling is smooth for the reported 200-row case on touch devices.

Written by the indexing model from the issue text.

Assessment

Tech stack
react
Domain
frontend, performance
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.