Autodesk / Autodesk/react-base-table
Rowrenderer spanning rows 'flickering' when scrolling
- Vorherrschende Sprache
- TypeScript
- Sterne
- 1.5k
- Forks
- 170
- PR-Merge-Kennzahlen
- Keine gemergten PRs in 30 T.
Beschreibung
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.
Beitragsleitfaden
Rechercherichtung
Beginne mit dem verlinkten Playground und reproduziere das Flackern beim Scrollen durch Zeilen, die sich über rowRenderer überlappen. Verfolge dann den virtualisierten Rendering-Pfad der Tabelle und die Behandlung von rowRenderer, um herauszufinden, warum sich über mehrere Bereiche erstreckende Zeilen ein- und ausblenden; als erledigt gilt die Aufgabe, wenn die überlappenden Zeilen beim Scrollen im Playground stabil bleiben und die Ursache dokumentiert oder durch eine geeignete Regression-Prüfung abgedeckt ist.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- react, typescript
- Bereich
- frontend, performance
- Issue-Typ
- Bug
- Schwierigkeit
- 4/5
- Geschätzter Aufwand
- 3-5 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Muss geklärt werden
- Anfängerfreundlichkeit
- 25/100