Проблема с "пробелами: nowrap" на Chrome 78.0.3904.70 - PullRequest
Новая
       22

Проблема с "пробелами: nowrap" на Chrome 78.0.3904.70

10 голосов
/ 23 октября 2019

После выпуска 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>

enter image description here

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

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

Ответы [ 2 ]

4 голосов
/ 28 октября 2019

Это будет исправлено в выпуске M79 10 декабря 2019 года, как указано здесь:

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

1 голос
/ 24 октября 2019

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

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

...