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>

응용 프로그램에서 몇 가지 디스플레이 문제가 발생했습니다. 이것은 버그입니까, 내 코드에 문제가 있습니까?

이 코드는 React 16에서 렌더링됩니다.

2019 년 12 월 10 일 M79 릴리스에서 수정 될 예정입니다.

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

"nbsp;"를 제거 할 수 있습니다 . 여백이나 패딩을 사용하면 정상적으로 작동합니다.

버그는 이미보고되었습니다 https://bugs.chromium.org/p/chromium/issues/detail?id=1017465