Unnecessary horizontal scrollbar arrows on Firefox

[jpraet]

Description

On Firefox, some pages show unnecessary horizontal scrollbar arrows. This does not happen on Chrome.

Screenshots

Firefox:

Chrome:

Gitea Version

1.18.0+dev-37-g711cbcce8

Can you reproduce the bug on the Gitea demo site?

Yes

Operating System

Windows 10 21H2

Browser Version

101.0.1

[wxiaoguang]

I also use Firefox a lot , can not reproduce it at the moment .... do you have any clue?

Mine is Firefox 101.0.1 (64-bit) macOS

[jpraet]

Etzelia also reported it on discord #general some time ago. Maybe different Firefox version, or OS?

[KN4CK3R]

I noticed that problem too. Firefox 101.0.1 on Windows

[KN4CK3R]

Looked into it and it's caused by overflow-x: scroll; from #19945 @Gusted

[Gusted]

I'm on Linux, no issue. It could be on windows that when overflow-x: scroll is specified it will unconditionally show a scrollbar? But that's quite stupid. Could you try adjusting it to overflow-x: auto;? That might help, as that should be more "dynamic".

[KN4CK3R]

Yep, works with auto.

Edit: Tested it with a small screensize too and the scrollbar works as intended.

[delvh]

There is a display difference between Firefox on Linux and Windows?
That would at least explain why both @Gusted and me did not notice any problem with it...

[Gusted]

There is a display difference between Firefox on Linux and Windows?

Yeah browsers tend to do that(historical reasons). Ah well, luckily that doesn't beat me and auto works. I will get up a patch.

[Gusted]

#20142 and backport lives at #20143