Chrome 78.0.3904.70での「ホワイトスペース：nowrap」の問題

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>

スニペットを展開

アプリケーションでいくつかの表示の問題が発生しています。これはバグですか、それともコードに問題がありますか？

このコードは、React 16でレンダリングされています。

— ルーカス・ブラックハースト
ソース

Chrome 78.0.3904.87がリリースされました。問題を再現できません（スニペットを試しました）。試して私に知らせてもらえますか？

— Syed Aqeel Ashiq

4

これは、2019年12月10日のM79のリリースで修正されます。

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

— ルーカス・ブラックハースト
ソース

1

削除できます 「nbsp;」をます。マージンやパディングを使用すると、うまく機能します。

バグはすでに報告されていますhttps://bugs.chromium.org/p/chromium/issues/detail?id=1017465

— ディビエシュルパワラ
ソース

報告されたバグをご参照いただきありがとうございます。＆nbsp;を削除するのと同じくらい簡単であることを願っています。しかし、これは厳密なリリースプロセスを経ずに変更できないライブシステムで発生します。

— Lucas Blackhurst