Skip to content

[Bug]: smartTOC not always highlighted on click #2571

@nicholas-alonzo

Description

@nicholas-alonzo

Issue Check

  • I have checked existing Issues and I feel this bug has not been raised

Hugo Version Check

  • My Hugo version is within the supported range

Describe the Bug

When smartTOC is enabled and you click on a TOC of a page, it's not always underlined if there isn't enough content below the header

To Reproduce

Below is an example to copy when params.toml: smartTOC = true

---
Title: smartTOC Test
showPagination: false
---

## Header 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum gravida nisl ut pharetra congue. Nulla ante erat, blandit in blandit vitae, sodales et dui. Sed vitae laoreet ante. Integer eu urna dui. Phasellus finibus tellus sit amet felis euismod, sed lacinia eros placerat. Vivamus blandit metus vel mauris aliquet, a lacinia justo cursus. Nam mattis aliquet ante vel accumsan. In et lacus nisi.

## Header 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut semper diam. Duis ultrices fringilla lacus non suscipit. Aenean quam massa, facilisis at aliquet vitae, aliquet ac dui. In congue dignissim condimentum. Phasellus gravida, diam condimentum convallis luctus, mauris nisl elementum libero, laoreet pharetra elit felis at dolor. Donec auctor justo magna, vitae feugiat ligula feugiat ac. Pellentesque convallis, purus in facilisis volutpat, lorem tortor viverra massa, in tempus mi justo et justo. Cras ornare eget quam at egestas. Nam sem justo, mollis et vulputate quis, porttitor et metus. Aenean hendrerit ex non sapien laoreet rutrum. Maecenas sagittis vitae ligula quis ullamcorper. Pellentesque lobortis dignissim ipsum. Praesent posuere mattis magna, sed aliquam dui ullamcorper a. Etiam pulvinar hendrerit risus, quis tincidunt velit fringilla vel. Duis erat ante, dapibus in ipsum eget, tincidunt vehicula augue.

## Header 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum gravida nisl ut pharetra congue. Nulla ante erat, blandit in blandit vitae, sodales et dui. Sed vitae laoreet ante. Integer eu urna dui. Phasellus finibus tellus sit amet felis euismod, sed lacinia eros placerat. Vivamus blandit metus vel mauris aliquet, a lacinia justo cursus. Nam mattis aliquet ante vel accumsan. In et lacus nisi.

Expected Behaviour

If you click a header or the TOC, it should be highlighted

Screenshots

Image

Notice how the URL shows #header-3 (after clicking), but in the TOC Header 2 is highlighted. From what I've noticed it's because the Header 3 doesn't have enough content below to push the header more to the top to enable the smartTOC highlight

Platform

  • OS: MacOS
  • Browser: Brave / Vivaldi

Hugo Version

hugo v0.151.1+extended+withdeploy darwin/arm64 BuildDate=2025-10-15T14:51:34Z VendorInfo=brew

Blowfish Version

v2.90.0

Additional Context

If this is expected behavior, then we can close the issue

Code of Conduct

  • I agree to follow this project's Code of Conduct

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions