[BUG] document.activeElement.blur() can not blur the currently focused editor

[dengkunli]

Calling document.activeElement.blur() can not blur the currently focused editor, can reproduce directly on monaco website.

For example, in Monaco webview Hello World example,

window.e = monaco.editor.create(document.getElementById("container"), {
	value: "function hello() {\n\talert('Hello world!');\n}",
	language: "javascript"
});

then open devtools and type in the console:

e.focus()

after seeing the cursor blinking

document.activeElement.blur()

then the editor is not blurred and the cursor is still blinking. calling e.isFocused() will return true as well.

---

Monaco v0.9.0

[alexdima]

This works perfectly fine for me:

• Step1: Ensure there is some other element in that <iframe>
  • edit the HTML tab: <input /><div id="container" style="height:80%;"></div>
• Step2: Blur the editor after a certain time it receives focus:

var ed = monaco.editor.create(document.getElementById("container"), {
	value: "function hello() {\n\talert('Hello world!');\n}",
	language: "javascript"
});

ed.onDidFocusEditorText(function() {
    setTimeout(function() {
        document.activeElement.blur();
    }, 3000);
});

This works fine for me in, e.g. Firefox: