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