1675323 - Select dropdown does not apply scrollbar-width correctly.

Status: VERIFIED FIXED

(Core :: Layout: Form Controls, defect)

Description

[Nicolas Hoffmann]

Attachment: snap-select-custom.png

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:82.0) Gecko/20100101 Firefox/82.0

Steps to reproduce:

Related to this bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1634109
If you go to this page https://design-system.protontech.ch/forms/ using Firefox on Windows, open the select "A select" (with "a looooooooooong option").

Actual results:

The scroll is not exactly displayed the same way as other scrolls on the website (see snapshot, width is larger, design of the scroll is not the same, there is room for arrows but they should not be present)

Expected results:

The select scrollbar should have the same styles as the one on the right (same width/look, no up and down arrows).

Comment 1

[Emilio Cobos Álvarez (:emilio)]

Attachment: Bug 1675323 - Apply scrollbar-width to the content select scrollbox. r=mconley,Gijs

(Instead of applying it directly to the menulist).

Since it's not inherited, we need to get the right value over to the scrollbox.
For that, export it from the arrowscrollbox, with the same name as the places
menupopup uses for the same purpose.

Comment 2

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/93b19729112e
Apply scrollbar-width to the content select scrollbox. r=mconley

Comment 3

[Andreea Pavel [:apavel]]

https://hg.mozilla.org/mozilla-central/rev/93b19729112e

Comment 4

[Oana Botisan, Desktop QA]

I managed to reproduce the issue using an older version of Nightly on Windows 10 x64. I retested everything on macOS 10.13, Ubuntu 18.04 and Windows 10 x64 using Firefox 84.0 and Nightly 85.0a1. The issue is not reproducing anymore.

Comment 5

[Nicolas Hoffmann]

I've just tested on Firefox dev edition (v84), I confirm that it is fixed, thanks a lot, this is great to get so quick feedback :)