fix(jump-links): non-contiguous content

[tejas161]

What I did

1. Demo File for rh-jump-links (scenario:- non-contiguous content)

Testing Instructions

Notes to Reviewers

See #2474 for more info.

[changeset-bot]

⚠️ No Changeset found

Latest commit: 2dd1c3e

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[netlify]

✅ Deploy Preview for red-hat-design-system ready!

Name	Link
🔨 Latest commit	2dd1c3e
🔍 Latest deploy log	https://app.netlify.com/projects/red-hat-design-system/deploys/69300a960071da00083c4d0f
😎 Deploy Preview	https://deploy-preview-2471--red-hat-design-system.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[bennypowers]

@tejas161 test this by pulling latest commit and running

npm ci
npx patch-package
npm run dev

[tejas161]

Thanks @bennypowers for pushing the fix ! Here is what I observed:

1. When scrolling down, the active rh-jump-link seems incorrect — it highlights the section that's near the bottom of the viewport.
2. When scrolling up, the active rh-jump-link behaves correctly — it highlights the section at the top.

Would it be possible to always target the section at the top of the viewport, similar to the behavior shown here: https://ux.redhat.com/elements/jump-links/demo/nested/?

Let me know what you think!

Attaching video of observed behaviour:-
https://github.com/user-attachments/assets/b9f55df6-d1d5-4ecc-af29-4d252bf9c9dd

[bennypowers]

This isn't quite ready yet. @tejas161 ' most recent feedback on https://deploy-preview-2471--red-hat-design-system.netlify.app/elements/jump-links/demo/non-contiguous-regions/#chapter-5

Also, when scrolling all the way to the bottom, the last rh-jump-link doesn't get highlighted as active.

This is fixed
I noticed that sometimes when clicking an rh-jump-link, the active state gets applied to the previous link instead of the one clicked
I was able to reproduce this again, attaching the screen recording here

Screen.Recording.2025-08-06.at.17.28.10.mov

@adamjohnson can you give this a whack in patternfly/patternfly-elements#2920?

[Michal7290]

LGTM

[Michal7290]

The problem Benny mentioned - that the active button appears in the delay - I can reproduce it.

[bennypowers]

This is now superseded by the upstream fix in @patternfly/pfe-core 5.0.7, which fixes the scroll-spy-controller's passedLinks Set ordering (along with two other race conditions). The lockfile bump is in #2863.

[bennypowers]

Closed by #2863