Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

[Bug]: Sidebar navigation to homepage breaks scrolling on mobile (width < 960px) #1828

Open
markH5 opened this issue Feb 10, 2025 · 2 comments

Comments

@markH5
Copy link
Contributor

markH5 commented Feb 10, 2025

Version

System: win10
Browsers: chrome version 133.0.6943.60
npmPackages: pnpm 10.2.0 / node v23.7.0

or 
System: Android 14
Browsers: Edge 132.0
npmPackages: null

Details

On mobile devices (window width < 960px), navigating to the homepage via the sidebar navigation causes the page to become unscrollable.

Steps to reproduce:

  1. Open the page on a screen with a width < 960px.
  2. Open the sidebar (typically by clicking a menu icon).
  3. Navigate to the homepage via the sidebar link.
  4. Attempt to scroll down the page.

Expected behavior: The page should be scrollable after navigating via the sidebar, allowing users to access all content.

Observed behavior: The page is unscrollable, preventing users from seeing content below the initial viewport.

Reproduce link

null

Reproduce Steps

rspress_error_00.mp4
  1. I have attempted to reproduce this issue in Chrome's incognito mode with all browser extensions disabled, but not record a video.
  2. My video recording tool doesn't show mouse wheel up/down scrolling.
  3. Note that the URL after navigating to the homepage from the sidebar includes "/index". Refreshing the page (F5) removes "/index" from the URL, and the page then scrolls normally.
  1. pnpm create rspress@latest // get 1.40.2

  2. pnpm run build

  3. pnpm run preview

  4. Open the page on a screen with a width < 960px.

  5. Open the sidebar (typically by clicking a menu icon).

  6. Navigate to the homepage via the sidebar link.

  7. Attempt to scroll down the page.

@markH5
Copy link
Contributor Author

markH5 commented Feb 10, 2025

Image

https://lib.rsbuild.dev/

<meta name="generator" content="Rspress v1.41.0">

The version currently seen

@markH5
Copy link
Contributor Author

markH5 commented Feb 10, 2025

Also reproducible on:

  • rspress 1.41.1
  • main/latest (7bb9f96) packages/document/package.json

# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant