Using "Enter" to add a new line does not work as expected

I tried the library using this codesandbox: https://codesandbox.io/s/l91xvkox9l

If I use Shift + Enter to add a new line it works. If I use Enter to add a new line, then click away to on blur it, it removes lines that were created. Basically: “AAAAA aa AA” becomes “AAAAAaaAA”

browser: Chrome - version 78.0.3904.97

[morinted]

My solution involves using white-space: pre-wrap; and then controlling the enter key in order to prevent the insertion of div/p:

<ContentEditable
    onKeyDown={(event) => {
        if (event.key === 'Enter') {
          document.execCommand('insertLineBreak')
          event.preventDefault()
        }
      }}
/>

[lovasoa]

Bon, essayons en français 😛

Quel navigateur utilisez-vous ? Firefox, chrome, safari… ? Et quelle version ?

Pouvez-vous créer un élément avec la propriété contenteditable en dehors de react-contenteditable, et indiquer si vous constatez le même problème ?