Perda de espaço bidi

Pergunta

Informações

Os espaços entre caracteres latinos e caracteres árabes/hebraicos podem parecer que desaparecem se o texto for seguido por um espaço em branco dentro de um elemento de alinhamento que inclua um atributo dir.

Repare que este efeito também ocorre quando texto da direita para a esquerda é incorporado em uma passagem da esquerda para a direita.

Resposta

Se a seção anterior descreve a aparência de seu código, a solução é remover todos os espaços antes do tag final do elemento em alinhamento, ou remover o atributo dir (se apropriado).

Repare também que, neste exemplo, o atributo dir="ltr" no elemento <span> ao redor do texto (W3C) não é de fato necessário para produzir o ordenamento correto. Não incluir o atributo ou nem uma parte do elemento span também resolverá o problema.

Como parece para mim?

Os quadros a seguir mostram exemplos de códigos seguidos por uma implementação desse código nessa página, para que você possa testar o comportamento de seu agente de usuário atual.

A propósito

Somente leia esta seção se você quiser saber os detalhes terríveis sobre o porque de disso acontecer.

O comportamento esperado quando o texto é exibido não se descreve em detalhes nas especificações XHTML/HTML, mas é descrito em especificações CSS recentes. Apesar dos exemplos nesta página não usarem CSS, os mesmos princípios se aplicam. A parte a seguir é tomada do Esboço de Trabalho CSS 2.1:

4. Se 'white-space' é configurado em 'normal', 'nowrap', ou 'pre-line',
   1. toda tabulação (U+0009) é convertida em um espaço (U+0020)
   2. todos os espaços (U+0020) seguindo outro espaço (U+0020) — até mesmo um espaço antes de um alinhamento, se esse espaço tem 'white-space' for configurado em 'normal', 'nowrap' ou 'pre-line' — serão removidos.

Dado um cenário como se segue (onde as cores representam espaços, U+0020, para fácil identificação):

<ltr>A <rtl> B </rtl> C</ltr>

a especificação diz que o espaço após A é mantido, o espaço antes de B é removido, o espaço após B é mantido, o espaço antes de C é removido. Então, isso é produzido de acordo com o algorítimo bidirecional Unicode, e o resultado final é:

A  BC

Repare que há dois espaços entre A e B! Os níveis incorporados podem ser expressos como segue:

11221