Autodesk / Autodesk/react-base-table

Rowrenderer spanning rows 'flickering' when scrolling

Open
#271 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'm trying to use the rowRenderer to span rows. I'm experiencing an error where the overlapping spanning rows 'flicker' on/off when scrolling. [Here is the playground](https://autodesk.github.io/react-base-table/playground#ATDGHsDsGcBdgCYENZOAXmAbQFAhAN574gDWApgJ4BcwAjADTEkBEEANgK4C2kAtAAYWtFgCVwAd2ADgfYAGFw7aSyYkQbJT351hwMZOmyFS+qub5NXXnwBMeg1JlzFy3WvVXtfAMwPxTsauZh6sHN4ALP6GziZuLBYAvqHAROrAFDTAtika4TZCIgH0QaZCufr5OtFSdKXxFV429kWGdS6m7hZ5WjZ+rbX1Id2VvfxRAyUd8UkpaeqZtD6NVYI12UPlI03Vk7ZDXek7duv708NHq-36xWdxF56rEzeGd8G6sxbzJIvAEStjNaTHybcyXQG6YEHMGPQEtF5SEHnQ6w6z8a6OYBI+4osKA56Y7HvBIkZJfEa-ACsALRQIRf1BNO8kPpEWhTOa6zZyJheNpGOK3JxvMsTy50M+JG++F+ADYOfxCvTKYztqsWZiVTyFSdJlrhTqBYZ9cSdQTiibOiT8GSpRSqLQAOw6pWY2LBLbg2ka4ruq06+Fu9lqwFGwLakO080xCWkub2rIADhd6z9yk9qOZqeDXu8gd9OczfWzEdzNmj4eFkvw0rIDuAAE4U5M0yodT6Y6Wi-x852DZHvGGjF2+ZES1W4+T0r86AJm-TWxnRzYO5XTQPOS3C8v0eP12XxnurdXCAnaHRGBvFUf0yKet6bw8d7qF9vRaHH7j31HP9aQLaazPegcivOkg3OJdvyzLcRygzdX1g+9B1-M1fxPVIgLoZZQNdAsILvUYHxg-sDxfcCSO7XwUNAithwnG142nes6H+HDH0gpCV2o0jezXf1QKHVsv04w9iOJdDawyZjqTYsSygI45Vzo-dKN45T+NIwS3xEvhaKEv9gAA08mKyOh5VkhD7g4wjoMslTnzU-TDW4yi9NjG1iAAXQAbhwYgIBgeAqmgDBsCndRkFQABpetjms344oIgAnchoAASwALyQAAjdhyFoWAks4cgKlgNLYDykRXG0NsRgkNKEFgAALc9KQECSRkipAYqyRSCIS9VktSzKcsq4BCuK0ryrGlhqt4J98HqxqWvoNqOvSLqepEVZ7AqAa4SG9Ksty-LxqKkqRjKirTtmsZsgIpbmta9rJztDaUG62Krn6r6PwqFKjtG06Jou9IrpmubICxB6Gqe1aXoY8KSE236fz21Gx3+4bjrGkGpuuqq7qiCpHpWug1tJLzfJwAK4GAJLJAAZQAByQSAAElIAQcgAA9QvammoDphmJBZtmAEEkqS0KsGpHJlhySkfP8sZoCwEWxY5rnec8gA6DXWahzAAAoCHpyQABEPoYc2JE57m+cSABKDAAD4MJAWmlHIXX2HAABzY2Rft3mnZGEALDy+AkFAUB+YsAAzcBpeNqPsDS7WeZtnnPOAcAE9tzXJaS3XyEgQq0tS42nadyS0oL42Y7j9AW9tkOedr8PgCb0Ke4AamAHmu69vLfYD42WGDzPqFUNvM7D9JPaF72x8DyemcN4usAzh3PJnm2DYlqXt8zzyF8XlLYE4JKocPyAt53nWRkSYARhHn2-cDpvz5IHvMH7weSQLB4ESNTWm8ARaiDLtzFK0sTZmxFlbVAB9JDtxtqAcg7B2DQHQarQyLt0Du3mOAwuhtQrBXVhvNm7c9Z31NrbJBSAUF20zvg4g9dgBByoVDd2dAXbShIRgrB5DMHYMoaLQ2NCLAkLgJQPKoVJK6yUUI9gutmYM2ZtAXWsi8oVGyjHUg-sGacC5q4ZOM9maSBgblYqBEmrkDSv7JqsBaB32AAAKmAG1Ywl50hIHYI4yAjNMEJ1oAAcgTnlHmfA4BICSrAMJFQMrt3PCkRI0jRFqzvjQ0KUCY6wF1qAP2kByAAFE8rcDLrAY2KibZmx0eQNh-5iCX2vlDFR0AcDpJwLzSx8TEDkATkgTg7B4DVzdpw4gAAeAAKkDROaUebkAQNI1W6ACDBXScjD66yupbPwJA6B5BYHrMOdrWB+yQDgAAG7HOgKANmARFAmNgOs2w+yAD0rscBhyAA).

Do you know why this behaviour occurs? I'm sure there is something I'm not thinking of.

Contributor guide

Open the contributing guide

Research direction

Start with the linked playground and reproduce the flicker while scrolling rows that overlap through rowRenderer. Then trace the table's virtualized rendering path and rowRenderer handling to identify why spanning rows appear and disappear; done means the overlapping rows remain stable during scrolling in the playground, with the cause documented or covered by an appropriate regression check.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.