Interactive hover popup inside code

[psicomante]

Hello VS code team,

I'm trying to develop an extension to add an "input hover" inside code, that changes code itself and launch a command. In order to clarify what i mean, see this example from glslEditor

I saw that the colorpicker inside vscode itself does a similar job, but the code is difficult to follow and i would like to create a minimal poc with a mouse listener on the hover.

Could you give me some advices to do it (e.g a webview on hoverProvider?).
Thank you.

[psicomante]

ref. #10106

[vscodebot]

Please ask your question on StackOverflow. We have a great community over there. They have already answered thousands of questions and are happy to answer yours as well. See also our issue reporting guidelines.

Happy Coding!

[RMacfarlane]

https://vscode-dev-community.slack.com is also a good resource

[psicomante]

Sorry, maybe i'm asking it wrongly. Currently visual studio does not offer a way to do it. So there isn't any answer to the question.

The color picker API is too specific to used for another thing, and using an electron view inside is very hacky i suppose.

So probably the issue is a feature request.

[RMacfarlane]

Ok, I see, thanks for clarifying.

[sandy081]

@psicomante You can register a hover provider and provide a markdown message as hover? You can add command links in the hover message eg: [label](command://<commandid>). Clicking on the link will trigger this command.

[psicomante]

@sandy081 Hi Sandy, thank you for your response.

I tried to register a hover provider but i didn't find a way to add some interaction to it. The "text-only" way is too restrictive for my needs.

I would need something similar to a color picker hover panel, but with an API to build interaction on the hover panel itself (please see the attached gif in the first post).

So the feature request is to open the API to build the color picker, or explain how it is working, to build other "interactive" hover pickers.

Thank you for this awesome editor

[jrieken]

@psicomante We have #3220 which is very similar to your request. The idea (and we have a PR for that) is to allow web'ish contents inside the editor

[vscodebot]

Thanks for creating this issue! We figured it's covering the same as another one we already have. Thus, we closed this one as a duplicate. You can search for existing issues here. See also our issue reporting guidelines.

Happy Coding!