Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[TechDocs] clicking on an item in the table of contents results in not scrolling to the respective anchor

See original GitHub issue

Expected Behavior

When clicking on Prerequisites item in the table of contents, the page should scroll to the respective anchor

Actual Behavior

When clicking on Prerequisites item in the table of contents, the page is not scrolling to the respective anchor

Steps to Reproduce

Go to https://demo.backstage.io/docs/default/component/backstage/getting-started/running-backstage-locally/
Click on for example Prerequisites in the table of contents.
See how the page is not scrolling to the correct anchor Prerequisites

Your Environment

Demo site https://demo.backstage.io/docs/default/component/backstage/getting-started/running-backstage-locally/

Issue Analytics

State:
Created a year ago
Reactions:3
Comments:11 (8 by maintainers)

Top GitHub Comments

1reaction

garyniemencommented, May 5, 2022

@Irma12 @iammnils We can reproduce and will get back with an update

0reactions

lceconicommented, Oct 7, 2022

Just opened a very simple PR with the fix https://github.com/backstage/backstage/pull/14031

Top Results From Across the Web

Guide to scroll anchoring - CSS: Cascading Style Sheets | MDN

Scroll anchoring is a browser feature that aims to solve this problem of content jumping, which happens if content loads in after the...

Highlighting item in table of contents when section is active on ...

I modified randomdude's answer to highlight the lowest scrolled-to header. This will persist highlighting of that link until the user ...

Barcode Input - Zebra Technologies TechDocs

It configures the scanner parameters specifying how the barcode is scanned, including the selected scanner (e.g. camera, 2D Imager, Bluetooth scanner, etc.), ...

Sticky Table of Contents with Scrolling Active States | CSS-Tricks

That active bit is handled nicely with IntersectionObserver , which is, like, the perfect API for this. Here's that result: HTML; CSS; JS....

How To Create a Smooth Scrolling Effect - W3Schools

Cross-browser Solution. For browsers that do not support the scroll-behavior property, you could use JavaScript or a JavaScript library, like jQuery, to create ......