Combobox virtualization

[gosvoh]

I needed to make a Combobox with a large number of items. For this I used react-virtualized and disabled filtering by making my own. For some reason CommandInput loses focus when trying to enter characters.

2023-08-06.19-30-21.webm

My CommandInput - https://github.com/gosvoh/biocon/blob/6baaab5869aaf10a0741256ff2b3213905f29f7a/src/app/registration.dialog.tsx#L432

Any idea how to fix this issue?

[oaarnikoivu]

@gosvoh I've managed to get virtualization working for the most part using TanStack virtual. You can have a look here in case it's useful for you: https://github.com/oaarnikoivu/shadcn-virtualized-combobox

[dih7]

@gosvoh Did you find a solution to this bug? I have something very similar happening to an input in a form.

I think it is causing the parent to re-render, and I can't figure out why. Even a html without any props loses focus within the Command element.

[garabedium]

@oaarnikoivu, were you able to get keyboard support for the combobox with react-virtual?

[oaarnikoivu]

@oaarnikoivu, were you able to get keyboard support for the combobox with react-virtual?

It currently doesn't support keyboard navigation, but I may look into adding it sometime soon

[shadcn]

This issue has been automatically closed because it received no activity for a while. If you think it was closed by accident, please leave a comment. Thank you.