Problema con "white-space: nowrap" su Chrome 78.0.3904.70


10

Dalla versione di Chrome v78.0.3904.70, ho riscontrato problemi con l'utilizzo  della proprietà CSS white-space: nowrap;. Lo spazio non-break sembra causare un'interruzione di linea. Durante l'utilizzo text-overflow: ellipsis, il testo effettivo non verrà visualizzato poiché è rotto fuori dal contenitore. Sembra accadere solo se il testo è troppo lungo per essere visualizzato.

.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>

inserisci qui la descrizione dell'immagine

Sta causando alcuni problemi di visualizzazione sulle nostre applicazioni. È un bug o c'è qualcosa che non va nel mio codice?

Questo codice viene visualizzato in React 16.


Chrome 78.0.3904.87 viene rilasciato, non riesco a riprodurre il problema con esso (ho provato il tuo frammento). Puoi provare a farmi sapere?
Syed Aqeel Ashiq,

Risposte:



Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.