Skip to content
New issue

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

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

Already on GitHub? Sign in to your account

3020: Fixing the unexpected scrolling behavior at mobile #3025

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

bahaaTuffaha
Copy link
Contributor

Short description

If I scroll down on a longer page and follow a link to a shorter page, there is a lot of extra space at the bottom of the shorter page. The browser maintains the height from the previous page as a minimum.

Proposed changes

  • I just added added a height: 100% and overflow-x: hidden for mobile screen only to prevent any unexpected issues that could occur for desktop.

Side effects

I hope none despite this applied on body/html across the app.

Testing

You can test this also on web.

  • on Chrome go to Landkreis Aichach-Friedberg
  • Select law and finance and scroll to the end (you can notice the space is gone).

Fixes: #3020


@bahaaTuffaha
Copy link
Contributor Author

bahaaTuffaha commented Dec 12, 2024

This solution introduced another (not sure if I want to call it a bug)... it wont show the header unless you scroll to the top.

2024-12-12.15-56-33.mp4

@steffenkleinle
Copy link
Member

This solution introduced another (not sure if I want to call it a bug)... it wont show the header unless you scroll to the top.
2024-12-12.15-56-33.mp4

Hmmm, I think this should be fixed and the header should show even if not at the top. Could you perhaps try to find another solution?

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

Successfully merging this pull request may close these issues.

Unexpected scrolling behavior in desktop mobile
2 participants