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

Fix bug with Safari #1386

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

Fix bug with Safari #1386

wants to merge 1 commit into from

Conversation

SConaway
Copy link
Contributor

This PR fixes #1168 by allowing the root element to be scrollable. Simple fix, just let #root overflow as needed and things seem to work fine.

Tested on macOS Safari as well as iPhone Safari.

Caused by

html,
body {
  overscroll-behavior: none;
}

in /commafeed-client/src/main.css. Bug only occurs when the sidebar is scrollable.

@Athou
Copy link
Owner

Athou commented May 21, 2024

Thank you! As I do not own any Apple device I was not able to find a solution to this issue.

Your fix has an undesirable side effect though: the header hides the scrollbar.

Without the fix
image

With the fix
image

@SConaway
Copy link
Contributor Author

I see that. Do you have any suggestions for how to solve this issue then? I'm happy to test anything and everything that you can think of.

Alternatively, when the website is added to the Home Screen as an app (as I have it, and I'm sure others), pull-to-refresh is automatically disabled, and so the overscroll-behavior: none is unneeded. On modern Safari iOS, the pull-to-refresh behavior is hard to trigger, so I wonder how much of an issue it would be.

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.

Scrolling on iPad
2 participants