Editor de articulação não funciona corretamente no Edge quando vazio

[juliomelo]

Apesar de funcionar corretamente no IE 11, no Microsoft Edge o editor de articulação não funciona quando vazio. Ao digitar um termo qualquer, como "Teste", no Art. 1º, e pressionar Enter, o navegador quebra o termo "Teste", encapsulando em um div, provocando uma separação de linha entre o rótulo do dispositivo e o caput.

O html incorreto resultante é:

<p style="min-height: 1em;" data-tipo="artigo">
   <div>Teste.</div>
   <div>
      <br>
   </div>
</p>

O html esperado seria:

<p data-tipo="artigo" style="min-height: 1em;">Teste.</p>
<p data-tipo="artigo" style="min-height: 1em;"><br></p>

Quando o editor de articulação já possui conteúdo (como importação da constituição na página de exemplo), ele funciona corretamente.

Versão do Edge: 16.16299

[juliomelo]

O problema ocorre quando se define no estilo a altura do parágrafo. Neste caso, o Edge adiciona DIV's para cada linha dentro do parágrafo.

Problema foi reproduzido usando:

<h3>Falha no Edge</h3>
<div contenteditable>
<p style="min-height: 1em;" data-tipo="artigo"><br></p>
</div>

<h3>Funciona no Edge</h3>
<div contenteditable>
<p data-tipo="artigo"><br></p>
</div>

O min-height foi introduzido no commit para criação de exemplo (e523448), em que garantia a visibilidade do componente para fins de foco, não sendo necessário para o funcionamento do editor de articulação.