Bug: Scrolling Timeline Feed Affects Active Tasks Column on /me Route

[iamsmruti]

Issue - Bug

• How serious is the bug? P4
• OS: All (e.g. macOS, Linux, Windows)
• Browser: All (e.g. Chrome, Safari, Lynx)
• Node version: v20.18.1
• NPM version: v10.8.2

Description

On the /me route in the Parabol application, there are two columns:

1. Timeline Feed
2. Active Tasks
   When the timeline feed grows vertically, scrolling affects the entire page instead of only the timeline feed. The expected behavior is that only the timeline feed column should scroll while the rest of the layout, including the "Active Tasks" column, remains static.

Steps to Reproduce

1. Navigate to the /me page.
2. Populate the Timeline Feed column with a large number of entries, causing it to overflow vertically.
3. Attempt to scroll the Timeline Feed.

Actual Behavior

• Scrolling moves the entire page.

Expected Behaviour

• Only the Timeline Feed column should scroll, leaving the "Active Tasks" column static.

Acceptance Criteria

Users can:

• Scroll through the timeline feed independently of the "Active Tasks" column.
• The layout remains unaffected by vertical overflow in the timeline feed.

Estimated effort: 1 hour to triage.

[jordanh]

Thank you for your report!

[iamsmruti]

I have created a fix PR, @jordanh would you mind having a look? And put your opinions there