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>

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.


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:



Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.