Skip to content

pagedjs
pagedjs
Closed
Opened by Guillaume@mogztter
Report abuse New issue

counter-reset is applied on repeated elements

Consider the following page: test.html

In this example, we have the following structure:

<body>
  <header>
    <!-- ... -->
  </header>
  <main>
    <!-- ... -->
  </main>
</body>

We want to reset the page counter to 1 on the content matter (i.e. the main element) using:

main {
  counter-reset: page 1;
  break-before: right;
}

For reference, Paged.js will duplicate the <main> element on every section pages but the issue is that data-counter-page-reset="1" is present and therefore the page counter is reset on each section.