Quando colamos um texto que tenha erros em diversas articulações, apenas alguns erros são renderizados instantaneamente. É necessário navegar pelo texto alterando o contexto para que eventualmente os erros reminescentes sejam renderizados.

Há algum caminho sugerido para investigar uma solução desse bug?

O editor de articulação no Firefox Quantum, versão 57.0.1, não funciona quando a articulação está vazia. Entretanto, o editor funciona quando já tem conteúdo e então ganha foco.

Passos para reprdouzir:

1. Abra o exemplo do editor de articulação em https://silegis-mg.github.io/editor-articulacao/ com o Firefox 57.0.1
2. Clique sobre o "Art. 1º"
3. Digite: "Teste".

Resultado esperado

Texto articulado contendo "Art. 1º Teste"

Resultado obtido

Texto articulado contendo:

Teste
     Art. 1º

Ao importar a constituição federal no editor de articulação, o Microsoft Edge tem seu desempenho bastante prejudicado, aparentemente pela animação dos rótulos, levando segundos. O texto da constituição, ao ser exibido na tela, aparece sem rótulos nos dispositivos e depois de segundos a animação completa.

Versão do navegador: Edge 16.16299

Problema não ocorre no IE 11.

Olá! Sou desenvolvedor do Laboratório Hacker da Câmara dos Deputados e estamos construindo uma ferramenta para os consultores da Casa e gostamos bastante do editor-articulacao e estamos querendo incluí-lo no projeto. Mas temos algumas dúvidas e gostaríamos de saber se poderia rolar um hangout pra trocarmos uma ideia...
Desde já, agradeço!

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

A função escaparXml utiliza expressão regular para substituir caracteres com código alto no XML, usando a flag "i" para casamento insensível à caixa.

A partir do Chrome 75, a expressão regular passou a casar a letra "s" (código 115) com o caractere "ſ" (s longo, código 383, unicode 017F).

Veja que:

"\u017F" !== 's' && "\u017F".toUpperCase() === 'S' // true

Dessa forma, o editor de articulação passou a escapar toda letra "s" minúscula, inclusive

<Articulacao xmlns="http://www.lexml.gov.br/1.0">

que passou a ser escapado como

<Articulacao xmln&#x115;="http://www.lexml.gov.br/1.0">