I am making an extension for VS Code that wraps fzf. Only for certain searches, the Quick Pick UI does not render the quick pick items, but they appear on the console when I log them. If I add a large amount of items, the first item does not render.
Code
console.log('filenameResults');
console.log(filenameResults);
quickPick.items = filenameResults;
console.log('quickPick.items');
console.log(quickPick.items);
Output:
filenameResults
• 0: {label: '$(python) models-py', description: 'main', data
• 1: {label: '$(file) models. cpython-313-pyc', description:
• 2: {label: '$(python) 0003_delete_blogpost_publication_imag
• 3: {label: '$(file) 0003_delete_blogpost_publication_image.
length: 4
quickPick.items
• 0: {label: '$(python) models-py', description: 'main', data
• 1: {label: '$(file) models. cpython-313-pyc', description:
• 2: {label: '$(python) 0003_delete_blogpost_publication_imag
• 3: {label: '$(file) 0003_delete_blogpost_publication_image.
length: 4
Empty Quick Pick
The VS Code Quick Pick item has its own custom sorting and filtering behavior. I set sortByLabel to false, matchOnDetail to true and added custom fields to the data component of my item which made it easier to search for.
Entirely custom logic has not been yet implemented in VS Code, check out this issue: https://github.com/microsoft/vscode/issues/90521#issuecomment-589829788