Closed rpineda26 closed 11 months ago
🛠️ Fix: This bug was caused by forgetting to have a height set and to enable "overflow-y: scroll" on the scrollable element as indicated by the Bootstrap 5 Scrollspy documentation... This was fixed by the following line of css...
New Output/Behavior: Now, the green highlight follows the scroll progress of the user on the page as intended.
💾 Description: The sidebar on the About page contains the outline of the contents of the page. A green highlight on the outline scrolls as the user scrolls up and down the page. However, in the current state, the highlight does not scroll up even as the user scrolls up the page. The outline "Our Team" also seems to be stuck being highlighted when the user scrolls past it even when the screen no longer shows that part.
⏰ Expected Outcome: The green highlight in the sidebar must scroll as the user scrolls up and down the page. When the user scrolls to another part of the page and the previously highlighted element is no longer shown on the screen, the sidebar must unhighlight the outline.
☎️ Actual Outcome: The green highlight in the sidebar scrolls down but never scrolls up even when the user scrolls up and down. The "Our Team" outline is never unhighlighted even when it is no longer shown on the screen.
🎶 Steps to Reproduce: