Open KurtGokhan opened 6 months ago
Playground link
monaco.editor.defineTheme("myCustomTheme", { base: "vs", inherit: true, rules: [], colors: { "editor.background": "#00000000", "focusBorder": '#ff0000', }, }); const value = `function hello() { alert('Hello world!'); }`; const myEditor = monaco.editor.create(document.getElementById("container"), { value, language: "javascript", theme: 'myCustomTheme', });
Set the editor.background to a transparent value and you should be able to see the border around the editor.
editor.background
There is always a focus border around the editor
There shouldn't be a focus border around the editor
The issue was first introduced in v0.46.0. Specifically this commit seems to be the culprit.
v0.46.0
It also happens when zooming out
everyone is useless
Reproducible in vscode.dev or in VS Code Desktop?
Monaco Editor Playground Link
Playground link
Monaco Editor Playground Code
Reproduction Steps
Set the
editor.background
to a transparent value and you should be able to see the border around the editor.Actual (Problematic) Behavior
There is always a focus border around the editor
Expected Behavior
There shouldn't be a focus border around the editor
Additional Context
The issue was first introduced in
v0.46.0
. Specifically this commit seems to be the culprit.