Счетчик CSS неправильно вводит нумерацию в Chrome - PullRequest
Новая
       33

Счетчик CSS неправильно вводит нумерацию в Chrome

0 голосов
/ 18 мая 2018

Описание: - Счетчик постоянно увеличивается при переключении слайдов.это дает спорный номер ли за пределами ола.проблема в 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,".") " ";
      }

OTPUT выглядит как Выход -2

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

1 Ответ

0 голосов
/ 22 июня 2018

Это ошибка в Chrome: https://bugs.chromium.org/p/chromium/issues/detail?id=822260 Я думаю, что единственное решение будет для Google, чтобы это исправить.В противном случае кому-то придется воссоздать всю функциональность нумерованных списков.

...