How to create a div in the active editor tab of VS Code via extension?

Question

I want to create a div that is always placed on the top right of the current active editor window of VS Code via an extension. Ideally, the div is show even when the user change tab.

I tried to find a way via vscode.window but I found nothing to actually create a div. What it's the recommended way?

Even if the editor width is 1000px I need to get this div always on the top right:

One solution that could be ok for me is to add something like that:

alefragnani · Accepted Answer · 2025-11-21 17:55:49Z

0

The VS Code extensibility has some restrictions about what you can and cannot do in VS Code, and DOM Access is one of them, which means you cannot write an extension that apply custom CSS or add HTML elements to its UI. More details here: https://code.visualstudio.com/api/extension-capabilities/overview#restrictions.

So, you should look at their Extending Workbench and UX Guidelines docs in order to look for alternatives better fit your needs.

answered 2 days ago

alefragnani

3,39314 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Hadock yesterday

Hi, I have edited my question to add a screenshot of a native element. Do you know if it's possible to add something like that or it's also forbidden for extension?

Collectives™ on Stack Overflow

How to create a div in the active editor tab of VS Code via extension?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related