Autodesk / Autodesk/react-base-table

Scrolling not smooth on touch devices (Mobile and Tablets)

Ouverte
#246 2 commentaires 0 réactions 0 personnes assignées Voir sur GitHub
Langage dominant
TypeScript
Étoiles
1.5k
Forks
170
Métriques de merge des PR
Aucune PR mergée en 30 j

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)

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Commencez par reproduire le comportement du défilement tactile dans react-base-table sur un téléphone Android ou une tablette Windows, en le comparant à react-fluid-table comme indiqué dans l’enregistrement d’écran lié. Vérifiez si AutoResizer et estimatedRowHeight influencent le résultat ; le travail est terminé lorsque le défilement est fluide pour le cas signalé de 200 lignes sur les appareils tactiles.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
react
Domaine
frontend, performance
Type d'issue
Bug
Difficulté
4/5
Temps estimé
3-5 jours
Activité
À l'abandon
Clarté
À clarifier
Accessibilité débutants
35/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.