如何避免VSCode中QuickPick下拉框在输入时自动收缩？

要让vscode.window.createQuickPick的输入操作不影响下拉列表显示，始终保持初始状态，你需要手动覆盖它的默认过滤行为，具体步骤如下：

• 关闭内置匹配规则：初始化QuickPick时，将matchOnDescription和matchOnDetail设为false，减少内置过滤触发，但这还不足以完全禁用过滤。
• 强制重置下拉列表：监听onDidChangeValue输入变化事件，每次输入时重新将items设为初始列表数据，抵消内置过滤的影响。
• 可选：如果需要保留输入框内容（仅不影响下拉），无需清空输入，仅重置items即可。

代码示例 #

import * as vscode from 'vscode';

export function activate(context: vscode.ExtensionContext) {
    // 定义初始下拉列表项
    const initialItems: vscode.QuickPickItem[] = [
        { label: '项目1', description: '描述1' },
        { label: '项目2', description: '描述2' },
        { label: '项目3', description: '描述3' }
    ];

    const quickPick = vscode.window.createQuickPick();
    // 关闭基于描述和详情的匹配过滤
    quickPick.matchOnDescription = false;
    quickPick.matchOnDetail = false;
    // 加载初始列表
    quickPick.items = initialItems;

    // 监听输入变化，强制重置列表为初始状态
    quickPick.onDidChangeValue(() => {
        quickPick.items = [...initialItems];
    });

    // 处理选中事件
    quickPick.onDidChangeSelection((selection) => {
        if (selection[0]) {
            console.log(`选中项: ${selection[0].label}`);
            quickPick.dispose();
        }
    });

    // 关闭时销毁实例
    quickPick.onDidHide(() => quickPick.dispose());
    quickPick.show();
}

关键说明 #

• matchOnDescription和matchOnDetail设为false后，QuickPick不会再根据描述或详情字段过滤，但默认仍会根据label过滤，因此必须通过onDidChangeValue事件强制重置items。
• 每次输入时重新赋值items为初始数组，下拉框会始终显示所有初始项，不受输入内容影响。
• 如果需要完全禁止输入（输入框只读），可设置quickPick.enabled = false，但这不符合“允许输入但不影响下拉”的需求。

内容的提问来源于stack exchange，提问作者tanmay001