The performance issue arose due to the rendering of 40k elements when using 20k custom emojis, as no virtualization was implemented.
The author recognized that virtualization was necessary but had avoided it for complexity and accessibility reasons, despite previous experiences with similar implementations.
Eventually, the author considered using CSS content-visibility to improve rendering performance, noting its potential to reduce layout and paint times.
The primary concern was handling an unusually high number of custom emojis while balancing performance, complexity, and accessibility in the emoji picker.
Collection
[
|
...
]