Autodesk / Autodesk/react-base-table

Scrolling not smooth on touch devices (Mobile and Tablets)

未关闭
#246 2 条评论 0 个 reaction 已指派 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 摘要。