[Combobox] Accessible virtual list example

I’d love to see an example where many ComboboxOptions are rendered within react-window or another virtual-list implementation. One of the problems of solely using such libraries is that all the a11y benefits from @reach/combobox are lost, oftentimes leaving developers to choose between performance and accessibility. It’d be great to see an example that combines the best of both worlds! 😍

[et]

@CodingDive - I wired up an example here: https://codesandbox.io/s/epic-meninsky-csvqc?file=/src/App.tsx I’m a rookie when it comes to accessibility but I have to imagine that a 50,000 item list will never be considered accessibly-friendly 😬

@chancestrickland - Check out that example if you have a chance. As you can see, I can had to hack the ref options to programmatically close the popover. It’d be nice if there was a friendlier way to do that.

[chaance]

If it’s a huge list I’d still probably recommend paginating options vs. a virtual list from a UX perspective, but unfortunately I don’t get to design everyone’s components 😅 I’ll have to slap a help-wanted tag for now as I’m just not familiar enough with virtual lists to know what this would look like myself. If you or someone wants to submit a PR, I’ll review the work, make sure screen reader response works as expected, and seek some feedback from accessibility folks who may be more familiar with the pattern than myself.