Autodesk / Autodesk/react-base-table

Rowrenderer spanning rows 'flickering' when scrolling

Đang mở
#271 2 bình luận 0 reaction 0 người được giao Xem trên GitHub
Ngôn ngữ chính
TypeScript
Star
1.5k
Fork
170
Chỉ số merge pull request
Không có pull request nào được merge trong 30 ngày

Mô tả

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.

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Hướng nghiên cứu

Bắt đầu với playground được liên kết và tái hiện hiện tượng nhấp nháy khi cuộn qua các hàng chồng lấn thông qua rowRenderer. Sau đó, lần theo đường dẫn kết xuất được ảo hóa của bảng và cách xử lý rowRenderer để xác định lý do các hàng trải rộng qua nhiều vùng xuất hiện rồi biến mất; hoàn tất khi các hàng chồng lấn vẫn ổn định trong lúc cuộn ở playground, với nguyên nhân được ghi lại hoặc được bao phủ bằng một kiểm tra hồi quy phù hợp.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ
react, typescript
Lĩnh vực
frontend, performance
Loại issue
Lỗi
Độ khó
4/5
Thời gian dự kiến
3-5 ngày
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Cần làm rõ
Mức phù hợp với người mới
25/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.