Texto após tags div não é renderizado corretamente

Suporte
1

O texto que aparece em uma linha imediatamente após uma tag div não é renderizado corretamente. Colocar uma linha em branco após a linha com a div resolve o problema.

<div>texto com div</div>
[um link]( `/admin/email/templates`.) **itálico**
texto com div
[um link]( `/admin/email/templates`.) **itálico**

Captura de tela:

image
image1319×393 18.4 KB

Outro HTML não causa o problema:

<small>texto pequeno</small>
[um link]( `/admin/email/templates`.) **itálico**

texto pequeno
um link itálico

<span>texto com span</span>
[um link]( `/admin/email/templates`.) **itálico**

texto com span
um link itálico

Minha hipótese é que, uma vez detectado o HTML, a linha seguinte é absorvida pelo processador e, subsequentemente, não é analisada quanto a Markdown. Você pode testar isso colocando algum texto na linha após a div e no início da próxima linha:

<div>texto com div</div> fim da div
início do markdown [um link]( `/admin/email/templates`.) **itálico**
texto com div
fim da div início do markdown [um link]( `/admin/email/templates`.) **itálico**

Captura de tela:

image
image1330×405 19.1 KB

2

O comportamento é totalmente especificado e em conformidade com os padrões, conforme definido pela especificação CommonMark § 4.6 — Blocos HTML.

A regra principal é o tipo de bloco HTML 6. A especificação CommonMark lista explicitamente div (junto com p, blockquote, table, h1–h6, ul, ol, li, hr, etc.) como uma tag de nível de bloco. Quando o analisador encontra uma linha começando com uma dessas tags, ele abre um bloco HTML com esta condição de término:

Condição de término: a linha é seguida por uma linha em branco.

Seus outros exemplos são elementos inline e se comportam de maneira diferente.