firefox docs.rs not displaying correctly

[Dowwie]

I'm using a macbook pro and noticed that Firefox isn't displaying docs.rs correctly:

page in Firefox v97.0:

page in Chrome:

[syphar]

Which URL are you using?

Looking at https://docs.rs/actix-web/latest/actix_web/ it looks good to me ( Also firefox 97 on Mac OS):

[Dowwie]

The link you provided to me yields the same issue. Note that this behavior repeats for most other docs.rs pages except standard library! No issues at all with the standard library docs.

[Nemo157]

Seems like rust-lang/rust#93171 which should have been fixed by #1614.

[syphar]

So it could be related to the minimum font-size set?

@Dowwie what did you set?

Perhaps it's the browser cache? ( even though the file has a hashed filename)

[Dowwie]

@syphar A-ha! It was my browser's default font size setting: 16. The older I get, the larger my font size. Eventually, my fonts will be dragging on the floor.

The moment I reduced the font size, the issue went away.

Thanks, everyone.

[syphar]

now it gets interesting: when I just change default font size, I cannot reproduce the issue.

When I increase minimum font size to something >= 16, I can reproduce this issue.

@jsha @GuillaumeGomez is this something that we want/can handle?

[GuillaumeGomez]

I'd say no but for accessibility things, I don't know much so let's see what @jsha thinks.

[jsha]

I think this should be fixable by setting overflow-y: hidden on the topbar element. I avoided it before because I wanted to actually make the text elements the right size, but it seems there are some settings that make that hard, and overflow-y would be the reliable solution. It would also be interesting to see why only some of the topbar items overflow, and others (like the docs.rs title) don't.

[mitsuhiko]

The footer also incorrectly displays for me on Firefox:

[GuillaumeGomez]

@mitsuhiko The fix was just merged: #1619. Needs to be deployed now.

[syphar]

I just deployed the fix

[Dowwie]

The fix resolved the issue that I raised. Not sure whether to close this just yet. @mitsuhiko Looks good on your side?

[aslpavel]

It seems to be broken again. Looks the same as on initial screenshot. All the text is squished before "Release" tab.
Firefox 98

[syphar]

@aslpavel it looks good on my computer, which crate & release are you looking at? Also axum/latest?

[aslpavel]

• All the docs at doc.rs look like that
  

• I'm not a web developer but that looks suspicious
  

• Removing this limit or/and setting flex-shrink: 0 makes things better but not perfect
  

• This looks identical with chromium too

• My machine is:

  • ArchLinux
  • Sway VM/Wayland
  • HIDPI screen with 2x scaling 3840x2400