Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Codicons are not rendered when filtering in quick pick #93303

Closed
RomanNikitenko opened this issue Mar 24, 2020 · 9 comments
Closed

Codicons are not rendered when filtering in quick pick #93303

RomanNikitenko opened this issue Mar 24, 2020 · 9 comments
Assignees
Labels
bug Issue identified by VS Code Team member as probable bug quick-pick Quick-pick widget issues verified Verification succeeded
Milestone

Comments

@RomanNikitenko
Copy link

  • VSCode Version: 464ef8c
  • OS Version: Fedora 31

I’m trying to use codicons for actions. It works well at displaying in command palette, but for some case an icon is not rendered.

Let’s say, Close Workspace action has $(chrome-close) Close Workspace label.
The icon is rendered properly for the item in command palette. Let’s try to type close to filter all close items. At this step the icon is not rendered.

I tested it using Monaco Playground:
mon_playg

Steps to Reproduce:

  1. Replace label value by $(link) Open Link for OpenLinkAction
  2. F1 -> find Open Link -> the icon should be rendered
  3. F1 -> type link -> the icon is not rendered

Please see:
vscode_codicon_issue

Does this issue occur when all extensions are disabled?: Yes/No

@miguelsolorio miguelsolorio changed the title Codicons are not rendered for some cases Codicons are not rendered when filtering in quick pick Mar 25, 2020
@miguelsolorio
Copy link
Contributor

I'm not able to reproduce this on the mac:

image

@bpasero any ideas what could be happening here?

@miguelsolorio
Copy link
Contributor

@RomanNikitenko can you link to a sample repo/extension where this is happening?

@bpasero
Copy link
Member

bpasero commented Mar 25, 2020

Can you try to reproduce with our nightly insider builds? You can give our preview releases a try from: https://code.visualstudio.com/insiders/

@bpasero bpasero added the info-needed Issue requires more information from poster label Mar 25, 2020
@RomanNikitenko
Copy link
Author

RomanNikitenko commented Mar 25, 2020

@misolori
In my case I have $(link) Open Link, (the icon contains link) and I'm typing link

Looks like you use label $(rocket) Hello World and you are typing hello.
So, the icon doesn't contain the word which you are typing (the icon contains rocket).
For your case, please try to type rocket.

rocket

@bpasero
Copy link
Member

bpasero commented Mar 25, 2020

@RomanNikitenko to clarify, you only see this in the monaco editor but not VSCode?

@RomanNikitenko
Copy link
Author

RomanNikitenko commented Mar 25, 2020

@bpasero
My second video (dark theme) was recorded using current master branch of VS Code.

In steps to reproduce section I mentioned that:

Please, let me know if I'm doing something wrong.

@bpasero bpasero added bug Issue identified by VS Code Team member as probable bug quick-pick Quick-pick widget issues and removed info-needed Issue requires more information from poster labels Mar 25, 2020
@bpasero bpasero added this to the March 2020 milestone Mar 25, 2020
@bpasero
Copy link
Member

bpasero commented Mar 25, 2020

Indeed.

@bpasero
Copy link
Member

bpasero commented Mar 25, 2020

I decided to strip codicons from commands for the command palette as I find this should have a consistent look and feel with our core commands that do not use icons too.

Any custom picker can still use codicons of course, but for accessibility reasons a command should have a good label and not rely on codicons anway.

@bpasero bpasero closed this as completed Mar 25, 2020
@miguelsolorio
Copy link
Contributor

Sounds good, I don't think this should be a problem since most commands start with the extension name (category).

@alexr00 alexr00 added the verified Verification succeeded label Apr 3, 2020
@github-actions github-actions bot locked and limited conversation to collaborators May 9, 2020
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
bug Issue identified by VS Code Team member as probable bug quick-pick Quick-pick widget issues verified Verification succeeded
Projects
None yet
Development

No branches or pull requests

4 participants