Sự cố với khoảng trắng trắng: ngay bây giờ trên Chrome 78.0.3904,70

10

Kể từ khi phát hành Chrome v78.0.3904,70, tôi gặp vấn đề khi sử dụng  với thuộc tính CSS white-space: nowrap;. Không gian không phá vỡ dường như gây ra một ngắt dòng. Khi sử dụng text-overflow: ellipsis, văn bản thực tế sẽ không hiển thị vì nó bị hỏng bên ngoài container. Chỉ có vẻ xảy ra nếu văn bản quá dài để hiển thị.

.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>

Mở rộng đoạn trích

Nó gây ra một vài vấn đề hiển thị trên các ứng dụng của chúng tôi. Đây có phải là một lỗi hoặc có gì đó không đúng với mã của tôi?

Mã này đang được hiển thị trong React 16.

— Lucas Blackhurst
nguồn

Chrome 78.0.3904.87 được phát hành, tôi không thể tái tạo vấn đề với nó (đã thử đoạn trích của bạn). Bạn có thể thử và cho tôi biết?

— Syed Aqeel Ashiq

4

Điều này sẽ được khắc phục trong bản phát hành M79 vào ngày 10 tháng 12 năm 2019 như được tham chiếu tại đây:

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

— Lucas Blackhurst
nguồn

1

Bạn có thể xóa "nbsp;" và sử dụng lề hoặc phần đệm, nó sẽ hoạt động tốt.

Lỗi đã được báo cáo https://bugs.chromium.org/p/chromium/issues/detail?id=1017465

— Divyesh Rupawala
nguồn

Cảm ơn đã tham khảo các lỗi báo cáo. Tôi ước nó đơn giản như chỉ cần xóa & nbsp; nhưng điều này xảy ra trong các hệ thống trực tiếp không thể thay đổi mà không trải qua các quy trình phát hành nghiêm ngặt.

— Lucas Blackhurst