Обновление Chrome влияет на переполнение текста CSS по отношению к отступу текста - PullRequest
Новая
       16

Обновление Chrome влияет на переполнение текста CSS по отношению к отступу текста

1 голос
/ 21 сентября 2019

В Chrome версия элемента с text-overflow с отступом (text-indent) больше не ведет себя так же, как раньше.

До версии Chrome 77.0.3865.75 текст с отступом будет по-прежнемупоказать многоточие. Я вижу, что в изменениях они изменили способ переполнения текста в проекте Chromium .

В Firefox, Safari и Edge отступ по-прежнему работает так же, как онраньше (см. Codepens ниже для тестирования)

Мои вопросы:

  1. Есть идеи о том, как решить эту проблему?
  2. Для моего собственного образования, это ошибка Chromium или другие браузеры не соответствуют спецификации?

Примеры:

Учитывая этот HTML: 

<div>
  <h1>A long title over a character limit</h1>
  <h1 class="indent">A long title over a character limit</h1>
</div>

И CSS: 

div {
  width: 25em;
  background: #ccc;
  padding: 1em;
}

h1 {
  max-width: 100%;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

h1.indent {
  text-indent: 2em;
}

Мы видим, что в браузерах на основе Chrome версия заголовка h1.indent не имеет многоточия.

Опять в Firefox иВ других браузерах text-overflow работает как положено.В новых браузерах на основе Chromium это не так.Снимок экрана: enter image description here

Вот копия HTML / CSS в коде: https://codepen.io/camsjams/pen/yLBGBvP

Вот код, показывающий это в таблице HTML:https://codepen.io/camsjams/pen/dybwbWr

...