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

Question

Начиная 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>

При использовании, кроме того, для элемента LI получения втолкнули внутрь, как и ожидалось, расстояние между маркером и текстом, а также увеличивается. Удалите правило CSS, а расстояние между маркером и текстом намного меньше.

Как мы можем решить эту проблему?

Answer 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; 
}