QuickPick buttons do not render

[SamuelBergSTM]

Bug Description:

QuickPick buttons do not render in Theia. They render as expected in VS Code.

Steps to Reproduce:

1. Create a QuickPick with a button.
2. Await to be able to keep QuickPick shown.
3. Show the QuickPick.

Example:

const quickPick = vscode.window.createQuickPick();
quickPick.buttons = [vscode.QuickInputButtons.Back];

await new Promise<void>(resolve => {
    quickPick.onDidAccept(() => {
        resolve();
    });

    quickPick.show();
});

Additional Information

• Operating System: Windows 10 Enterprise
• Theia Version: 1.43.0

QuickPick with Back button in VS Code:

QuickPick with Back button in Theia:

[tortmayr]

I cannot reproduce this issue.
Using the example provided the back button is properly rendered in both 1.43.x and the current master (tested on Windows and Ubuntu).

[JonasHelming]

@SamuelBergSTM : In order to reproduce this, could you maybe:
Provide a video or the exact steps (click here, hit these keys, etc.)
Provide a an example extensions (yo code makes this quite painless)
Provide browser and console logs (there might be an error)

[SamuelBergSTM]

theia-13076.zip

@JonasHelming I attached a ZIP file including:

1. demo.mkv: A video demonstrating how it is reproduced.
2. steps.txt: Steps for creating the extension and reproducing the issue. Also includes versions of relevant software.
3. logs: Frontend and backend logs.
4. theia-13076-0.0.1.vsix: VSIX for the extension.
5. theia-13076: Source files for the extension (excluding node_modules and out folders).

[tortmayr]

@SamuelBergSTM Thanks for the detailed instructions.
I will try to reproduce the issue and investigate a potential fix.

[tortmayr]

@SamuelBergSTM This issue should be fixed with #13342

[SamuelBergSTM]

@SamuelBergSTM This issue should be fixed with #13342

Perfect. Thanks.