Pérdida de espacio bidi

Pregunta

Información preliminar

Quizás los espacios entre el texto en latín y árabe/hebreo parezcan colapsar si el texto está seguido de espacio en blanco dentro de un elemento en línea que incluye un atributo dir.

Observe que el efecto también se produce cuando el texto de derecha a izquierda es incrustado en un pasaje de izquierda a derecha.

Respuesta

Si la sección anterior describe el aspecto de su código, la solución es eliminar todos los espacios antes de la etiqueta final del elemento en línea o eliminar el atributo dir (si corresponde).

Observe también que, en este ejemplo, el atributo dir="ltr" en el elemento <span> alrededor del texto (W3C) en realidad no se necesita para generar el orden correcto. El hecho de descartar el atributo o el elemento span entero también puede ser una solución al problema.

¿Cómo lo veo?

Las cajas que aparecen a continuación muestran ejemplos de códigos seguidos de una implementación de esos códigos en esta página, a fin de que usted pueda evaluar el comportamiento del agente de usuario actual.

A propósito

Sólo lea esta sección si desea obtener detalles morbosos acerca de por qué sucedió esto.

El comportamiento esperado al visualizarse el texto no se describe en detalle en las especificaciones de XHTML/HTML, pero sí se describe en especificaciones recientes de CSS. Aunque los ejemplos en esta página no incluyen CSS, se aplican los mismos principios. Lo siguiente se extrajo del Documento de trabajo CSS 2.1:

4. Si el 'white-space' (espacio en blanco) se configura en 'normal', 'nowrap' o 'pre-line',
   1. cada tabulador (U+0009) se convierte en un espacio (U+0020)
   2. cualquier espacio (U+0020) detrás de otro espacio (U+0020) —incluso un espacio antes del elemento en línea, si ese espacio también tiene 'white-space' configurado en 'normal', 'nowrap' o 'pre-line'— se elimina.

Si se presenta un escenario como el siguiente (donde los colores representan espacios, U+0020, para una fácil identificación):

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

la especificación dice que el espacio después de A se mantiene, el espacio antes de B se elimina, el espacio después de B se mantiene, el espacio antes de C se elimina. Luego esto se representa de acuerdo con el algoritmo bidireccional Unicode, y el resultado final es:

A  BC

Observe que hay dos espacios entre A y B. Los niveles de incrustación se pueden expresar de la siguiente manera:

11221