Problem z „white-space: nowrap” w Chrome 78.0.3904.70

Od wydania Chrome w wersji 78.0.3904.70 widzę problemy z używaniem  właściwości CSS white-space: nowrap;. Nieprzerwana przestrzeń wydaje się powodować łamanie linii. Podczas używania text-overflow: ellipsisrzeczywisty tekst nie będzie wyświetlany, ponieważ jest uszkodzony na zewnątrz kontenera. Wydaje się, że dzieje się tak tylko wtedy, gdy tekst jest zbyt długi, aby go wyświetlić.

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

Powoduje to kilka problemów z wyświetlaniem w naszych aplikacjach. Czy to błąd, czy coś jest nie tak z moim kodem?

Ten kod jest renderowany w React 16.

Zostanie to naprawione w wydaniu M79 10 grudnia 2019 r., Jak wspomniano tutaj:

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

Możesz usunąć „nbsp;”i użyj marginesu lub wypełnienia, będzie działać dobrze.

Błąd został już zgłoszony https://bugs.chromium.org/p/chromium/issues/detail?id=1017465