Autodesk / Autodesk/react-base-table
Rowrenderer spanning rows 'flickering' when scrolling
- Lingua principale
- TypeScript
- Stelle
- 1.5k
- Fork
- 170
- Metriche di merge delle PR
- Nessuna PR unita negli ultimi 30g
Descrizione
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.
Guida per i contributori
Apri la guida per i contributori
Direzione di ricerca
Inizia con il playground collegato e riproduci lo sfarfallio durante lo scorrimento di righe che si sovrappongono tramite rowRenderer. Poi traccia il percorso di rendering virtualizzato della tabella e la gestione di rowRenderer per identificare perché le righe che si estendono su più aree compaiono e scompaiono; il lavoro è completato quando le righe sovrapposte rimangono stabili durante lo scorrimento nel playground, con la causa documentata o coperta da un controllo di regressione appropriato.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- react, typescript
- Ambito
- frontend, performance
- Tipo di issue
- Bug
- Difficoltà
- 4/5
- Tempo stimato
- 3-5 giorni
- Stato di attività
- Ferma
- Chiarezza
- Da chiarire
- Idoneità per principianti
- 25/100