Skip to content

  • Projects
  • Groups
  • Snippets
  • Help
    • Loading...
    • Help
    • Support
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
pagedjs
pagedjs
  • Project
    • Project
    • Details
    • Activity
    • Releases
    • Cycle Analytics
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
    • Charts
  • Issues 144
    • Issues 144
    • List
    • Boards
    • Labels
    • Milestones
  • Merge Requests 8
    • Merge Requests 8
  • CI / CD
    • CI / CD
    • Pipelines
    • Jobs
    • Schedules
    • Charts
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Members
    • Members
  • Collapse sidebar
  • Activity
  • Graph
  • Charts
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
  • Tools
  • pagedjspagedjs
  • Issues
  • #186

Closed
Open
Opened Mar 18, 2020 by Sebastian Raffel@sebastianraffel
  • Report abuse
  • New issue
Report abuse New issue

target-counter: ids containing a dot '.' not found

target-counters do not find IDs containing a dot, so the method returns 0. Unfortunately, dots are valid characters in IDs in HTML5 (which i find quite ugly). Therefore dots need to be escaped before they are passed to a query selector, e.g. #te\\.st.

Example:

<a href="#paged.js">Paged.js</a>

...

<h1 id="paged.js">Paged.js</h1>
a::after { content: target-counter(attr(href), page);}

Result: target-counter returns 0

Assignee
Assign to
None
Milestone
None
Assign milestone
Time tracking
None
Due date
None
2
Labels
Bug CSS
Assign labels
  • View project labels
Reference: tools/pagedjs#186