Проблема з "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.

— Лукас Блекхерст
джерело

Chrome 78.0.3904.87 випущений, я не можу відтворити проблему з ним (спробував ваш фрагмент). Ви можете спробувати і повідомити мені?

— Syed Aqeel Ashiq

4

Це буде зафіксовано у випуску M79 10 грудня 2019 року, про що йдеться тут:

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

— Лукас Блекхерст
джерело

1

Ви можете видалити "nbsp;" і використовувати марджин або підкладку, це буде добре.

Про помилку вже повідомляється https://bugs.chromium.org/p/chromium/isissue/detail?id=1017465

— Дівієш Рупавала
джерело

Дякуємо за посилання на повідомлення про помилку. Я хотів би, щоб це було так само просто, як просто видалити & nbsp; але це відбувається в живих системах, які неможливо просто змінити, не проходячи суворі процеси випуску.

— Лукас