Package page scrolls down when clicking side bar summary titles

[graphieros]

Enregistrement.de.l.ecran.2026-02-15.a.09.48.54.mov

[knowler]

I encountered this as well, but it was only a problem in Firefox. Chrome and Safari have their own issues that are slightly different: clicking on these links causes the corresponding section to scroll underneath the sticky content. We can use scroll-padding-block-start on the scrollport (i.e. :root) to fix that, but I’m unsure if it will cause the problem to be fixed for Firefox (I suspect it could).

Also, related:

• Clicking on sidebar headings should expand/collapse their section #1392
• fix: hard-code scroll margin per-page to account for fixed header size #1504
  • This has a related issue of Don’t use a listbox for README table of contents #1371. JS for scroll and no scroll padding causes a whole bunch of issues which don’t exist if we just use links and add scroll padding.

[tomvoet]

@danielroe, I think this might have been closed prematurely. I'm still encountering this on the current live build.
The current behaviour seems fine for small screens, where we don't have the multi-column style. Larger screens probably still need a fix of some sort.

npmx_sidebar_scrolling.mp4