From 1,256ms to 96ms: Fixing INP in a Massive React Dropdown

Automated excerpt

Our "Marca" filter has around 1,175 brands, but the dropdown only shows a handful of rows at a time. One row height, truncation instead of wrapping. Render only the visible rows: track scroll position and mount just the rows in view, plus a small buffer, instead of the whole list.

Selected automatically from source text; not independently written or fact-checked. Read the original for full context.