Problema con "white-space: nowrap" en Chrome 78.0.3904.70

10

Desde el lanzamiento de Chrome v78.0.3904.70, veo problemas con el uso  de la propiedad CSS white-space: nowrap;. El espacio que no se rompe parece causar un salto de línea. Cuando se usa text-overflow: ellipsis, el texto real no se mostrará ya que está roto fuera del contenedor. Solo parece suceder si el texto es demasiado largo para mostrar.

.box-inline {
    max-width: 120px;
    overflow: hidden;
    height: 16px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
<div class="mar-rgt box-inline text-sm"><span class="label" style="background: rgb(176, 223, 246);"></span>&nbsp;Not meeting expecations</div>
Expandir fragmento

ingrese la descripción de la imagen aquí

Está causando algunos problemas de visualización en nuestras aplicaciones. ¿Es esto un error o hay algo mal con mi código?

Este código se representa en React 16.

html css google-chrome whitespace Lucas Blackhurst
fuente
Se lanza Chrome 78.0.3904.87, no puedo reproducir el problema con él (probé su fragmento). ¿Puedes intentar y házmelo saber?
Syed Aqeel Ashiq

Respuestas:

1

Puede eliminar "nbsp;" y use margen o relleno, funcionará bien.

El error ya se ha informado https://bugs.chromium.org/p/chromium/issues/detail?id=1017465

Divyesh Rupawala
fuente
Gracias por hacer referencia al error informado. Desearía que fuera tan simple como eliminar el & nbsp; pero esto ocurre en sistemas en vivo que no solo se pueden cambiar sin pasar por estrictos procesos de lanzamiento.
Lucas Blackhurst