redlib icon indicating copy to clipboard operation
redlib copied to clipboard

Published 20 hours ago • verified publisher icon redlib-org

🐛 Bug Report: Incorrect margin overlap on mobile site

Open Tech-How opened this issue 10 months ago • 5 comments

Describe the bug

On the mobile version of the site, part of the top of posts and homepage is hidden underneath the navbar.

Steps to reproduce the bug

Steps to reproduce the behavior:

  1. Load the mobile website.
  2. Observe the following video under additional context.

What's the expected behavior?

Part of the website does not get hidden underneath the navbar.

Additional context / screenshot

https://github.com/user-attachments/assets/29bf15cb-d093-4b51-a9dd-8a902e8ade99

  • [x] I checked that the instance that this was reported on is running the latest git commit, or I can reproduce it locally on the latest git commit

Tech-How avatar Feb 03 '25 22:02 Tech-How

What's the chance that you just updated from a fairly old commit to the latest one? I know that I had messed with the CSS for that section a while back and I think someone else did too.

Because the version number of the CSS is based on the Redlib version and not the git commit you might be using an old cached version that causes that.

Personally I can't recreate this on either my desktop or phone using the latest commit so that's just an educated guess of the issue.

ButteredCats avatar Feb 04 '25 00:02 ButteredCats

This has been an issue for many many months actually, I just never reported it. This happens with an iPhone. I'm mainly using the public instances. What phone and browser are you using? It could be a WebKit specific thing.

Tech-How avatar Feb 04 '25 00:02 Tech-How

I'm using an Android with Firefox Nightly though, but just gave a test on a family member's iPhone and didn't have that issue (although I noticed the gap between the sidebar and sort selectors in a subreddit was wrong on the iPhone, so that's a new issue).

All of these tests were on https://redlib.catsarch.com (running latest commit) but if you'd tried multiple instances I wouldn't expect mine to magically fix it.

ButteredCats avatar Feb 04 '25 00:02 ButteredCats

The latest version of iOS I have running is 16, I'll see if I can test it on someone else's when I get the chance. Maybe I can also use the web inspector to see what's going on.

Tech-How avatar Feb 04 '25 00:02 Tech-How

This has been also happening to me as well, but I've never reported it as it might be as well a WebKit issue. Been occurring on many versions of RedLib.

The only thing I did was to turn off the "Keep navbar fixed."

Mozilla/5.0 (iPhone; CPU iPhone OS 16_6_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.6 Mobile/15E148 Safari/604.1

Fastball2880 avatar Feb 08 '25 14:02 Fastball2880