web-dev-qa-db-ja.com

Chrome 78.0.3904.70での「空白：nowrap」の問題

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でレンダリングされています。

htmlcssgoogle-chromewhitespace
10
Lucas Blackhurst

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

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

4
Lucas Blackhurst

"nbsp;"を削除して、マージンまたはパディングを使用できます。正常に機能します。

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

1
Divyesh Rupawala