Only Show N QuickPick Items at a Time

[dsanders11]

I have an extension use-case where I'm using a QuickPick to act as a quick search for the user. This works well and takes advantage of the built-in searching and matching algorithm, based on the contents of the QuickPickItems. However, the list of items that can be searched through is 2,000 items long, and the current behavior of QuickPick is to have a list of all of those items which can be scrolled. That's less ideal behavior.

It would be nice if there was an option for QuickPick to only display the top N items at a time, without needing to manipulate QuickPick.items and lose the search/match behavior of the full list. Might need to ignore the limit for multiple selected items to keep them displayed at all times.

[vscodebot]

(Experimental duplicate detection)
Thanks for submitting this issue. Please also check if it is already covered by an existing one, like:

• Quickpick loses active item if items are updated (#75005)

[dsanders11]

A possible implementation to get the desired functionality, but with more flexibility than a simple N limit. A new filterItems callback could be added to QuickPick, giving the developer the option to manipulate the filtered list of items however they'd like:

const quickpick = vscode.window.createQuickPick();
quickpick.filterItems = (value: string, filteredItems: ReadonlyArray<QuickPickItem>) => {
    return filteredItems.slice(0, 6);
};

Or, if adding a callback like that is not desirable from an API perspective, it could reuse existing events by adding a QuickPick.filteredItems: ReadonlyArray<T>, and the developer could manipulate that in the onDidChangeValue event, but I suspect that might be a bit more work internally to ensure that property stays in-sync with everything else.

[vscode-triage-bot]

This feature request is now a candidate for our backlog. The community has 60 days to upvote the issue. If it receives 20 upvotes we will move it to our backlog. If not, we will close it. To learn more about how we handle feature requests, please see our documentation.

Happy Coding!

[vscode-triage-bot]

This feature request has not yet received the 20 community upvotes it takes to make to our backlog. 10 days to go. To learn more about how we handle feature requests, please see our documentation.

Happy Coding!

[vscode-triage-bot]

🙁 In the last 60 days, this feature request has received less than 20 community upvotes and we closed it. Still a big Thank You to you for taking the time to create this issue! To learn more about how we handle feature requests, please see our documentation.

Happy Coding!