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> Not meeting expecations</div>
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.