CSS计数器在Chrome中使用滑键进行错误的编号

Question

描述：-计数器在滑动开关上不断增加。它把有争议的号码给了外面的李。这个问题将在chrome上发布，并且在Mozilla中运行得很好。那么解决这个问题的方法是什么？

我已经在底部附加了输出文件。

<ol class="nav">
    <li>
        <a href="#">Parent-1</a>
        <ol class="nav">
            <li>child1</li>
            <li>child2</li>
        </ol>
    </li>
    <li><a href="#">parent-2</a>
     <ol class="nav">
            <li>
            <a href="#">child-1</a>
            <ol class="nav">
              <li><a href="#">inner-most-1</a></li>
            <li><a href="#">innner-most-2</a></li>
            </ol>

            </li>
            <li><a href="#">child-2</a></li>
        </ol>
    </li>
    <li><a href="#">parent-3</a></li>
</ol>

Jquery

$(function() {
    $(".nav ol").hide();
        $(".nav > li > a").click(function(e) {
            $(this).siblings("ol").slideToggle();
            e.preventDefault();
        });
    });

CSS:-

  ol{
       counter-reset: section;
       list-style-type: none;
        }
     ol li{
       counter-increment: section;
        }
     ol li:before {

     content: counters(section,".") " ";
      }

看上去像 产出-2

JS_Fiddle:- https://jsfiddle.net/tushar115/f6zvu8w5/10/

Answer 1

这是Chrome中的一个bug：https://bugs.chromium.org/p/chromium/issues/detail?id=822260，我认为唯一的解决方案是由谷歌来解决这个问题。否则，必须有人重新创建编号列表的全部功能。