[BUG] TOC highlights the wrong section when current section is exiting the viewport

[lakshya0246]

Description

There's an issue in the Table of contents (TOC) on the right. If you click on a link in the toc, and scroll beyond the section, as you scroll, the TOC jumps to and highlights a link that is not in view, then comes back to the correctly highlighted link.

Reproduction

The issue can be observed on this page:
https://nextra.site/docs/docs-theme/theme-configuration

1. Click on the link MDX Components in the TOC under Content
2. The page scrolls to MDX Components. ✅
3. But Global is still highlighted in the TOC. ❌
4. Now scroll the page slowly up until MDX Components is about to exit the viewport from bottom. TOC jumps to Global. ❌

Tested on:

• Chrome 114.0.5735.198
• MacBook Pro 16
• Viewport sizes : 976 x 1920 and 1000 x 1666

[dimaMachina]

please attach video, can't reproduce

[lakshya0246]

Sure, here's the video https://youtu.be/BMJGTuvsLjw

[dimaMachina]

Thank you! Will debug why this occurs

[dimaMachina]

should be fixed by #3249