Chrome 53 вводит нежелательные интервалы в элементах LI

Начиная с Chrome 53 мы заметили новую проблему, связанную с CSS.

Эта проблема также может быть замечена в Vivaldi (которая основана на том же движке, что и Chrome). Та же проблема не наблюдается в Safari или Firefox или Chrome 52.

Например, здесь: https://mobilefirstplatform.ibmcloud.com/tutorials/en/foundation/8.0/using-the-mfpf-sdk/

введите описание изображения здесь

Является ли это изменением спецификации, которое требует обновления нашего CSS или фактической ошибки в механизме рендеринга?

Обновление: похоже, это происходит из-за list-style-position:inside.

<ul style="list-style-position:inside">
    <li>li element 1</li>
    <li>li element 2</li>
</ul>

Ответ 1

Не могу сказать, является ли это причудой или изменением спецификации, но обходным решением было бы установить стиль списка на внешний, а вместо заполнения использовать левое поле:

.tutorial .sidebar .navmenu-default .navmenu-nav.dropdown-menu>li.active>ul>li {
      list-style-position: outside;
}
.tutorial .sidebar ul {
    margin-left: 10px;
    padding: 0;
}