Проблема с «white-space: nowrap» в Chrome 78.0.3904.70

10

Начиная с выпуска Chrome v78.0.3904.70, я вижу проблемы с использованием  со свойством CSS white-space: nowrap;. Кажется, что неразрывный пробел вызывает разрыв строки. При использовании text-overflow: ellipsisфактический текст не будет отображаться, поскольку он разбит за пределами контейнера. Кажется, только если текст слишком длинный для отображения.

.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>
Развернуть фрагмент

введите описание изображения здесь

Это вызывает некоторые проблемы с отображением в наших приложениях. Это ошибка или что-то не так с моим кодом?

Этот код отображается в Реакте 16.

html css google-chrome whitespace Лукас Блэкхерст
источник
Chrome 78.0.3904.87 выпущен, я не могу воспроизвести проблему с ним (попробовал ваш фрагмент). Можете ли вы попробовать и дайте мне знать?
Сайед Акил Ашик

Ответы:

1

Вы можете удалить "nbsp;" и используйте margin или padding, он будет работать нормально.

Об ошибке уже сообщается https://bugs.chromium.org/p/chromium/issues/detail?id=1017465

Дивьеш Рупавала
источник
Спасибо за ссылку на сообщенную ошибку. Я хотел бы, чтобы это было так просто, как просто удалить & nbsp; но это происходит в живых системах, которые нельзя просто изменить, не пройдя строгие процессы выпуска.
Лукас