[Autocomplete] add infinite scroll for tags

[hadasmaimon]

• I have searched the issues of this repository and believe that this is not a duplicate.

Summary 💡

Do mui support an infinite scroll on a div/paper/semething?

Examples 🌈

I have to render more than 4000 tags, so I want that on scroll, more tags will appear (not all tags will be on the dom, but only some), otherwise it will be very slow

is there a solution for me?

Motivation 🔦

[oliviertassinari]

You can find a duplicate thread about it in the issue history.

[hadasmaimon]

ok, thanks
Can you write down the number of his duplicate, please?
It will really help

[oliviertassinari]

Your own issue #20782. You are free to customize the rendering. We don't have he bandwidth to solve every edge cases, nor do we aim for it.

[sfaman]

use condition on the renderTags to make it scrollable onFocus. Here is an Example
renderTags={(value, getTagProps) => {
if (this.state.showOwnersScroll) {
return (

{value.map((option, index) => ( 10 ? option.title.substring(0, 7) + "..." : option.title } size="small" {...getTagProps({ index })} /> ))}

);
} else {
return value.map((option, index) => (
10
? option.title.substring(0, 7) + "..."
: option.title
}
size="small"
{...getTagProps({ index })}
/>
));
}
}}
onFocus={() =>
this.setState({ showOwnersScroll: true })
}
onBlur={() =>
this.setState({ showOwnersScroll: false })
}