web-dev-qa-db-fra.com

Problème avec "white-space: nowrap" sur Chrome 78.0.3904.70

Depuis la sortie de Chrome v78.0.3904.70, je rencontre des problèmes avec   Avec la propriété CSS white-space: nowrap;. L'espace insécable semble provoquer un saut de ligne. Lorsque vous utilisez text-overflow: Ellipsis, le texte réel ne s'affichera pas car il est rompu à l'extérieur du conteneur. Apparemment, cela ne se produit que si le texte est trop long à afficher.

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

enter image description here

Cela cause quelques problèmes d'affichage sur nos applications. Est-ce un bug ou y a-t-il un problème avec mon code?

Ce code est rendu en React 16.

htmlcssgoogle-chromewhitespace
10
Lucas Blackhurst

Cela sera corrigé dans la version de M79 du 10 décembre 2019 comme référencé ici:

https://bugs.chromium.org/p/chromium/issues/detail?id=1017465

4
Lucas Blackhurst

Vous pouvez supprimer "nbsp;" et utiliser la marge ou le remplissage, cela fonctionnera très bien.

Le bogue est déjà signalé https://bugs.chromium.org/p/chromium/issues/detail?id=1017465

1
Divyesh Rupawala