Problema com "espaço em branco: nowrap" no Chrome 78.0.3904.70


10

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>&nbsp;Not meeting expecations</div>

insira a descrição da imagem aqui

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.


O Chrome 78.0.3904.87 foi lançado, não consigo reproduzir o problema (tentei seu snippet). Você pode tentar e me avise?
Syed Aqeel Ashiq

Respostas:



Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.