Page MenuHomePhabricator

Optimize list rendering to avoid tiny flash
Open, Needs TriagePublic

Description

Problem

When scrolling through a ListView (the main search results, for example), there's a tiny flash that appears as the user reaches the end of the visible list, whether scrolling up or down. The flash does not disrupt the experience completely but takes away from it.

Solution

useNavigation() is slow because it cycles through all the selectable elements every time to number them and add/remove attributes. It could be re-written to be optimized like useArticleLinksNavigation()

Event Timeline

Can someone describe the "tiny flash" a little more so we can really observe when it is there and when it is fixed?

Can someone describe the "tiny flash" a little more so we can really observe when it is there and when it is fixed?

The highlighted selected elements (blue color) came after the list scroll, therefore seeing this "tiny flash"