Preserve scroll position when navigating back to talks

[adrienpoly]

Problem

Currently, when users scroll down, navigate to a talk, and then return, the scroll position is not preserved. This creates a suboptimal UX: users lose their place on the page, which can be frustrating. Additionally, it causes a jarring visual effect during the page transition, where the talk image quickly snaps to the bottom of the page.

Solution

This PR introduces a mechanism to preserve the scroll position when navigating back via the app’s back button. Note that handling the browser's native back button will require a different solution (see Hotwired Turbo issue #37 for potential approaches).

Implementation

• Back URL Rewriting: On hover, we dynamically rewrite the back_to URL to include the current scroll position.
• Scroll Restoration: A Stimulus controller reads the scroll_top position from the URL parameters and restores the scroll position when the user returns to the previous page.

This ensures a smoother and more intuitive user experience when navigating between talks.

Demo

CleanShot.2024-11-15.at.08.56.00.mp4