ネストされたメニューで css カウンターを使用します。そしてchrome 65以降、奇妙なバグが発生し始めました。基本的に、子メニュー項目が動的に表示されると、カウンターは親の兄弟要素にリークし始めます。
<style>
ul {
counter-reset: test;
}
ul li::before {
counter-increment: test;
content: counters(test, ".") " ";
}
</style>
<button onclick="document.getElementById('submenu').style.display='none';">HIDE</button>
<button onclick="document.getElementById('submenu').style.display='block';">SHOW</button>
<ul>
<li>aaaa
<ul id="submenu" style="display:block;">
<li>one</li>
<li>two</li>
<li>three</li>
</ul>
</li>
<li>bbbb</li>
<li>cccc</li>
</ul>
https://jsfiddle.net/6ouvzhvd/14/
ページを最初に開いたときにカウンターが表示されます。これは正しいです。
そして、これは動的に表示されたときの外観です (非表示 -> 表示をクリックします):
最新のクロムでこの問題を経験している人はいますか? ありがとうございました！