Breadcrumb items flickering when scrolling from the bottom to the top

priscilawebdev commented 1 year ago

Environment

SaaS (https://sentry.io/)

Version

No response

Steps to Reproduce

Go to the issue details of an issue with a long breadcrumb
Slowly scroll to the top and you will see the flickering happening

Expected Result

The breadcrumb items shall render smoother and not "jump"

Actual Result

As soon as the page loads the UI automatically (this is intended) scrolls to the last index which is the exception item and if users want to see previous crumbs they need to scroll to the top but as the previous items are not rendered yet and have dynamic height, the flickering effect happens and it can make incredibly difficult to parse the information in the scroll view.

This issue seems to be well-known by the library maintainers but so far it was not being fixed yet a workaround for Sentry was implemented through the PR, but it caused the scrollbar to not have the "Natural scrolling", so changes were reverted.

https://user-images.githubusercontent.com/29228205/201311153-9342e36e-2161-45cf-b5be-09953a2dcad6.mov

getsentry-release commented 1 year ago

Routing to @getsentry/workflow for triage. ⏲️

github-actions[bot] commented 1 year ago

This issue has gone three weeks without activity. In another week, I will close it.

But! If you comment or otherwise update it, I will reset the clock, and if you label it Status: Backlog or Status: In Progress, I will leave it alone ... forever!

"A weed is but an unloved flower." ― Ella Wheeler Wilcox 🥀

getsentry / sentry