Inserting content through an extension causes a duplication issue.

Hi, I’m working on a chrome extension that lets you input text through it. Unfortunately Draft.js breaks when inputting in a standard way.

Steps to reproduce:

1. Load http://facebook.github.io/draft-js/
2. Open Chrome Dev Tools
3. Select the Draft.js input box so that the input caret is present
4. execute document.execCommand("insertHTML", false, "X"); in the dev tools console

Result expected: X is added to the input box

Actual result: X is added to the input box twice. You’re able to delete one of the instances, but the other one is undeletable but is selectable.

Note: Once at least one character has been typed into the Draft.js input the command works as expected.

Screenshot of the result:

[grzeczko]

Here’s the code:

if (document.querySelectorAll('span[data-text="true"]').length === 0) { document.execCommand("insertHTML", false, "X"); document.execCommand("undo", false); } else { document.execCommand("insertHTML", false, "X"); }

It will check to see if you have entered the first character. If you did, it’ll do the undo execCommand and remove the extra X. The else will just insertHTML since it won’t insert any extras once characters have been entered.

[tylercraft]

Looks like a workaround was found, so I’m going to close this out.