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>
Expandir snippet

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.

html css google-chrome whitespace Lucas Blackhurst
fonte
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:

1

Você pode remover "nbsp;" e use margem ou preenchimento, funcionará bem.

O bug já foi relatado https://bugs.chromium.org/p/chromium/issues/detail?id=1017465

Divyesh Rupawala
fonte
Obrigado por referenciar o bug relatado. Eu gostaria que fosse tão simples quanto remover o & nbsp; mas isso ocorre em sistemas ativos que não podem ser alterados apenas sem passar por processos rigorosos de liberação.
Lucas Blackhurst