Open Bug 1917546 Opened 3 months ago Updated 2 months ago

www.apollographql.com - Sticky bottom navigation bar gets misaligned when scrolling down

Categories

(Web Compatibility :: Site Reports, defect, P3)

Firefox 132
All
Android

Tracking

(firefox130 affected, firefox132 affected)

Tracking Status
firefox130 --- affected
firefox132 --- affected

People

(Reporter: ctanase, Unassigned)

References

(Depends on 1 open bug, )

Details

(Keywords: webcompat:platform-bug, webcompat:site-report, Whiteboard: [webcompat-source:web-bugs])

User Story

platform:android
impact:annoyance
configuration:general
affects:all
branch:release
diagnosis-team:layout

Attachments

(1 file)

Environment:
Operating system: Android 14
Firefox version: Firefox Mobile 130.0/132

Steps to reproduce:

  1. Go to https://www.apollographql.com/docs/apollo-server/getting-started
  2. Dismiss the cookie banner.
  3. Scroll down the page.

Expected Behavior:
The bottom navigation bar remains sticky while scrolling.

Actual Behavior:
Bottom navigation bar slides to the center of the screen when scrolling down.

Notes:

  • Reproduces regardless of the status of ETP
  • Reproduces in Firefox Nightly, and Firefox Release
  • Does not reproduce in Chrome

Created from https://github.com/webcompat/web-bugs/issues/141387

Version: unspecified → Firefox 132
Attached video FF vs Chrome.mp4
Severity: -- → S4
User Story: (updated)
Priority: -- → P3

I can't reproduce any issues locally in Firefox release or Nightly, and I get a bit of a different experience:
(A) For me, the page's bottom-navigation-bar says "Feedback | Edit on GitHub | Forums" (with "Edit on Github" being linewrapped). Whereas for you it says "Rate|Edit|Forums|Discord".
(B) I don't get a cookie banner at all (possibly due to my geolocation in the US)

I also notice one other issue in your screencast -- it looks like the cookie banner isn't reacting to your taps. Is that correct? If so, that part is potentially a version of bug 1813213.

If I manually make the navbar wider, though, I do see a version of this bug. So I think the fact that I'm getting a different (narrower) navbar I think is why I'm not seeing the main issue here. I think. I've got a reduced testcase for this; I'll spin off a helper bug

Depends on: 1813213
Hardware: ARM → All
Depends on: 1923425

(In reply to Daniel Holbert [:dholbert] from comment #2)

If I manually make the navbar wider, though, I do see a version of this bug. So I think the fact that I'm getting a different (narrower) navbar I think is why I'm not seeing the main issue here. I think. I've got a reduced testcase for this; I'll spin off a helper bug

Filed bug 1923425.

You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: