Autotoc (TOC) - Fixed page header overlaps in page anchors
Open
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 57
- Forks
- 103
- Avg merge
- 10h 25m
- Merged PRs (30d)
- 18
Description
Anchor scrolling overlaps the h1, h2, h3 tag in case of fixed header page
e.g. http://plone.github.io/mockup/dev/#pattern/autotoc
Tried to fix via CSS (:target) without success because href attribute built via JS (#autotoc-item-autotoc-0 1 2 3 etc) differ from tag attributes to which it refers
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the Autotoc pattern and the page shown in the issue, then inspect how its JavaScript builds href values and how those values correspond to heading anchors. Done means scrolling to the h1, h2, and h3 targets no longer leaves them hidden behind a fixed header.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100