Принудительное обновление расчета счетчика CSS ⇐ CSS

[Anonymous]

Я интегрирую редактор Quill в наше приложение, и меня попросили реализовать нумерацию строк в блоках кода. Следуя этому обсуждению, я использовал

Код: Выделить всё

.ql-code-block-container {
counter-reset: line;
padding-left: 0;
}

.ql-code-block:before {
counter-increment: line;
content: counter(line);
display: inline-block;
border-right: 1px solid #ddd;
padding: 0 .5em;
margin-right: .5em;
color: #EEE;
}

Это работает хорошо, но есть одна проблема в Chrome. Я могу добавить текст, который будет отображаться в Dev-tools как:

Код: Выделить всё

Here
is
some
text

и Crome отображается как
[img]https://i. sstatic.net/19vpPtr3.png[/img]

Но если я выделю и удалю две средние строки, Dev-tools покажет

Код: Выделить всё

Here
text

а Chrome отображает его как
[img]https://i .sstatic.net/TMgNUzCJ.png[/img]

Если я добавляю новую строку текста, счетчики, похоже, пересчитываются правильно. Я подозреваю, что это ошибка Chrome (он прекрасно обновляется в FireFox), но есть ли какой-нибудь общий способ заставить браузер обновлять расчеты счетчиков CSS при изменении контента?

Подробнее здесь: https://stackoverflow.com/questions/786 ... alculation