целевой счетчик не работает для css print toc page

Question

У меня есть веб-страница, которую я конвертирую в PDF, почти все работает так, как я хочу, но по какой-то причине ниже:

@media print {
    ul.md-nav__list a::after {
        content: leader('.') target-counter(attr(href), page);
    }
}

Не создает ожидаемую пунктирную линию, за которой следует номер страницы для данного документа href.

Я не думаю, что это проблема с макетом страницы, потому что если я сделаю

@media print {
    ul.md-nav__list a::after {
        content: "......";
    }
}

Точки добавляются в конец каждой ссылки. Кажется, что ни лидер, ни противник не работают сами по себе.

Список выглядит так:

<ul class="md-nav__list">
    <li class="md-nav__item">
        <a class="md-nav__link" href="#system-availability" title="System Availability">System Availability</a>
    </li>
    <li class="md-nav__item">
        <a class="md-nav__link" href="#receipt-of-message-retries" title="Receipt of Message Retries">Receipt of Message Retries</a>
    </li>
    <li class="md-nav__item">
        <a class="md-nav__link" href="#sending-of-message-retries" title="Sending of Message Retries">Sending of Message Retries</a>
    </li>
</ul>

Есть идеи, почему это так?