Autodesk / Autodesk/react-base-table

Rowrenderer spanning rows 'flickering' when scrolling

Offen
#271 2 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
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

Beitragsleitfaden öffnen

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

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.