Desde o lançamento do Chrome v78.0.3904.70, estou tendo problemas com o uso
da propriedade CSS white-space: nowrap;
. O espaço sem quebra parece causar uma quebra de linha. Ao usar text-overflow: ellipsis
, o texto real não será exibido, pois está quebrado fora do contêiner. Apenas parece acontecer se o texto for muito longo para ser exibido.
.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 alguns problemas de exibição em nossos aplicativos. Isso é um bug ou há algo errado com meu código?
Este código está sendo renderizado no React 16.