Breadcrumbs in the middle of the page

[bjohansebas]

URL:

https://nodejs.org/en/learn/modules/publishing-a-package

Browser Name:

Firefox

Browser Version:

137

Operating System:

Windows 11

How to reproduce the issue:

As reported on Bluesky (https://bsky.app/profile/nicr.dev/post/3loeinw2fw22j) and I can confirm it since I use Firefox, on small screens the breadcrumbs get stuck in the middle of the screen.

[AugustinMauroy]

I can't reproduce it on safari Version 18.3.1 (20620.2.4.11.6) and on my iPhone with safari.
And neither on chrome Version 136.0.7103.93 (Build officiel) (arm64).

[bjohansebas]

I think this issue only affects Firefox, and on any operating system. I’ll see if I can take a look at it this weekend to fix it.

[ShubhamOulkar]

I can reproduce this issue on desktop Firefox 138 when scrolling down the page for responsive widths below 1445 px. Additionally, as we move below 1445 px and perform a scroll down action, the breadcrumb moves upward more.

[utkarsh125]

I believe this has something to do with Firefox's rendering type, other browsers have a different rendering that is why it is not reproducible on them.

[bjohansebas]

This is a very strange error, I can’t figure out why it’s happening or how to fix it, given that this is the only affected page