Wrong overflow-x for button with Chromium

I started to have scrollbar on toolbar button with Chromium (not Firefox)

I found that Chromium compute for the overflow-x property of the button auto despite in CSS it is set to visible:

Before looking for a fix, I’m wondering if I’m not the only one having this issue? I run Chrome Version 103.0.5060.114 (Official Build) (64-bit).

I do not have the problem running brave on the same chromium build.

Version 1.42.65 Chromium: 103.0.5060.114 (Official Build) beta (64-bit)

Related: Show scroll at the bottom of the button (toolbar) (#11565) · Issues · Tryton / Tryton · GitLab

On Windows:

Browser Version Can recreate
Chrome 103.0.5060.134 (Build oficial) (64 bits) (cohort: Stable)
Microsoft Edge Versión 103.0.1264.71 (Compilación oficial) (64 bits)
Firefox 102.0.1 (64-bit)

On iOS:

Browser Version Can recreate
Chrome 103.0.5060.134 (Build oficial) (arm64)
Microsoft Edge 103.0.1264.71 (Compilación oficial) (arm64)
Safari Versión 15.5 (17613.2.7.1.8)
Firefox 102.0.1 (64-bit)

On a sidenote, chromium based and Safari browsers on both machines seem to fully cut the gray bubble (as seen on Ced’s image), while Firefox respects the element.

In Show scroll at the bottom of the button (toolbar) (#11565) · Issues · Tryton / Tryton · GitLab I explain that Chrome is changing the overflow-x because we set overflow-y to hidden. So I guess it is a design choice.
I made a proposal to set hidden only to buttons that really need it.

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.