Virtualize select options

[fredmaggiowski]

The feature or bug you are proposing

I need to display thousands menu items in the select, each menu item needs to dynamically load a different icon. The current Select component does not let me implement this in a way that is productive without freezing the browser as soon as you click the select.

A snippet of code for replicating the issue or showing the proposal usage if applicable

Attempting to see how the select behaves when using antd optionRender, I've prepared a story as such:

export const LotsOfOptions: Story = {
  args: {
    options: new Array(2000).fill('option')
      .map((val, i) => ({ label: `${val} ${i}`, value: i })),
    optionRender: (option) => {
      console.log('render', option)
      return <strong>{option.label}</strong>
    },
  },
}

however as soon as I open the select

The expected result for your bug

virtualization to happen and the render function to be invoked at need