Wrong overflow-x for button with Chromium

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

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: Issue 11565: Show scroll at the bottom of the button (toolbar) - Tryton issue tracker

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 Issue 11565: Show scroll at the bottom of the button (toolbar) - Tryton issue tracker 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.