Quick pick items with icons issue - Theia 1.47

[safisa]

Bug Description:

Hi,
I have upgraded my Theia extension to the latest 1.47.1 version from 1.45.1, and I got this regression issue when running this command: Terminal --> Run Task...
I think it is related to the quick-pick component.

Here is the issue in screenshots:

Theia (latest 1.47.1):

My custom Theia (1.47.1):

My custom Theia (1.45.1):

The issue does not happen in Theia browser example, only on my Theia, I don't know what is causing it.
Can anyone help and guide me, where and what can I check to fix it?

Thanks in advance

Additional Information

• Operating System: Mac
• Theia Version: Theia 1.47.1

[JonasHelming]

It very likely has something to do with the recent Monaco upgrade. #13449 looks related, maybe this helps?

[safisa]

@JonasHelming I found that the issue is related to codicon 0.0.27. I saw that the latest Theia is using version 0.0.35, and mine was using 0.0.27, and there was a breaking change in 0.0.28 (Update display property to use inline-block) that causes this issue.
I am not sure why my build did not bring the same codicon version, but once I deleted the yarn.lock file, it brings the latest one. Maybe it is because the Theia core package uses @vscode/codicons: "*" ...

[safisa]

you can close this issue