Problema

Tidy traslada los espacios en blanco del interior al exterior de las etiquetas.

<span>a </span><span>b</span>

se convierte en

<span>a</span> <span>b</span>

después de pasar por Tidy.

Observa cómo el espacio en blanco se desplaza del interior al exterior de la etiqueta span y ahora separa los dos spans. Esto es un problema cuando las etiquetas span incluyen CSS que afecta a los espacios en blanco. Por ejemplo, cuando los elementos incluyen una propiedad CSS white-space.

<span style='white-space:nowrap'>a </span><span style='white-space:nowrap'>b</span>

se convierte en

<span style='white-space:nowrap'>a</span> <span style='white-space:nowrap'>b</span>

Así, aunque haya 30 spans seguidos, como Tidy desplaza el espacio en blanco, el navegador puede romper la representación entre spans. Sin embargo, los analizadores HTML5 como Parsoid y RemexHTML no desplazan el espacio en blanco de esta manera. Por lo tanto, no hay un punto en el que el navegador vaya a romper la línea, ya que no hay espacio en blanco entre los spans. Esto hace que la línea de spans se extienda indefinidamente en horizontal.

Solución

Lo más probable es que esto afecte a páginas que contengan una lista de entradas. Esto suele provenir de plantillas. Por lo tanto, los editores tendrán que hacer lo que hace Tidy y mover los espacios en blanco. Una solución simple sería añadir un carácter de espacio en blanco después del span en la plantilla afectada, como en este ejemplo utilizado en w:it:Template:Campioni_NBA y que se representaba de forma incorrecta antes de esta corrección.

Herramientas

Las siguientes herramientas pueden ayudar a corregir el error de los espacios en blanco de Tidy:

• WPCleaner: consulta las instrucciones para utilizar WPCleaner para corregir errores detectados por Linter. WPCleaner puede reportar el error de los espacios en blanco de Tidy como parte del error n.º 536 de CheckWiki en inglés.