Scrolling issues in components on webpage

[notJoon]

Describe the bug
There is an scrolling issue within certain components on Bluesky web page for screens that are 900x700 pixels or smaller. When scrolling is initiated within these components (home or search), the entire screen scrolls insted, resulting in a white blank space at the end of the screen.

To Reproduce

Steps to reproduce the behavior:

1. Open the web page with size 900x700 pixels or less
2. Try scrolling within any component other than the Timeline
3. Observe that the whole page scrolls instead of the timeline component, resulting in a white screent at the side

Expected behavior

When a user scrolls within any given component, only the post(timeline) should be scrolled. The whole page must not move along with it. This behavior should be consistent, regardless of the screen size.

Screenshots

2023-07-03.11.33.16.mov

Details

• Platform: desktop Firefox browser
• Platform version: 114.0.2
• App version: build version 1.37.0

Additional context

I think that the issue might be related to certain constants within the useMainScroll function. The constants DY_LIMIT_DOWN, DY_LIMIT_UP and s.window.height may not be properly accommodating the scrollable height of certain components or the specific screen sizes where the issue occurs.

[ansh]

Can you try refreshing the page after you change the window size and check if it still occurs? @notJoon

[notJoon]

Looks like it's fixed now @ansh

[pfrazee]

Good deal. This kind of bug is kind of easy to have surface with our current layout system so if it happens again, please let us know