nodejs.org icon indicating copy to clipboard operation
nodejs.org copied to clipboard

Inaccurate mobile/responsive breakpoint leads to horizontal scrolling on medium screen widths

Open uncenter opened this issue 2 years ago • 4 comments

URL:

https://nodejs-hwdsshiko-openjs.vercel.app/en

Browser Name:

Arc (Chromium)

Browser Version:

122.0.6261.94 (Official Build) (arm64)

Operating System:

macOS Sonoma 14.3.1

How to reproduce the issue:

Screenshot 2024-03-02 at 13 22 03 (Arc) The breakpoint appears to be at 768px when it should be at about 1000px.

uncenter avatar Mar 02 '24 18:03 uncenter

I wouldn't consider this an issue. Since this only happens with very specific sizing/resizes that usually need to be more natural.

We've tested on numerous viewports for mobile devices, tablets, small form factor screens, large and extra large screens. There will always be a specific width where the breakpoints might get a bit scuffed/inaccurate.

I'm open on having this fixed, but I myself wouldn't spend any time on fixing this, since it's (at least in my definition) quite corner-case 🤔

I'll keep this open if anyone feels like tackling this issue.

ovflowd avatar Mar 02 '24 18:03 ovflowd

True indeed! I'd just thought I'd mention it though, not sure where exactly this is set but it seems like a relatively easy fix?

uncenter avatar Mar 02 '24 18:03 uncenter

True indeed! I'd just thought I'd mention it though, not sure where exactly this is set but it seems like a relatively easy fix?

It might be, haven't investigated it. Anyone is welcome to contribute :)

ovflowd avatar Mar 02 '24 18:03 ovflowd

True indeed! I'd just thought I'd mention it though, not sure where exactly this is set but it seems like a relatively easy fix?

It might be, haven't investigated it. Anyone is welcome to contribute :)

Should we change the breakpoint to 1000px?

Nyx1on avatar Mar 06 '24 14:03 Nyx1on