Open Bug 1766205 Opened 3 years ago Updated 2 years ago

Dropdown list is not aligned with dropdown menu

Categories

(Firefox :: Settings UI, defect, P3)

Firefox 99
Desktop
Unspecified
defect

Tracking

()

Tracking Status
firefox99 --- wontfix
firefox100 --- wontfix
firefox101 --- affected

People

(Reporter: exploratory666, Unassigned)

Details

Attachments

(1 file)

Affected versions

  • 99.0.1 (64-bit)
  • 101.0a1 (2022-04-23) (64-bit)

Affected platforms

  • macOS 10.13.6
  • macOS 10.15.7

Steps to reproduce

  1. Launch Firefox, access "about:preferences"
  2. Scroll down to "Zoom";
  3. Click on the "Default zoom" dropdown menu;

Expected result
The dropdown list is aligned with the dropdown menu

Actual result
The dropdown list is not aligned with the dropdown menu

Note

  • This is only on macOS.
  • Many dropdown menus on this page have this issue.
  • I'm not sure if it's a design or not. I'm sorry for bothering you if it is a design.

Thanks for reporting. We shouldn't have the offset that you have shown in your video. Can you please test with mozregression to see when this started happening? https://mozilla.github.io/mozregression/

Flags: needinfo?(exploratory666)

Hello I have managed to reproduce the issue with firefox 101.0a1(2022-04-29) 100.0 and 99.0.1 on macOS 10.13.6 and on Ubuntu 20.04 but the issue is more pronounced on macOS.
I will mark this issue as NEW in order for our developers to look more into it.

Thank you!

Status: UNCONFIRMED → NEW
Ever confirmed: true

Hi Negritas, can you test with mozregression to see when this started occuring? Since it is more noticeable on macOS, then you can just test with macOS.

Flags: needinfo?(sergiu.negritas)

Hello Jared! Sorry for the long reply time I have tried to find a regression for this issue using the mozgression tool and MacOS 10.13.6 and all the drop-downs are a bit misplaced including firefox 66.0a1(2019-01-01).
Please tell me if I should go and look on older firefox versions.

Thank you!

Flags: needinfo?(sergiu.negritas) → needinfo?(jaws)

Thanks Negritas. There's no need to test older versions. I expect that this issue is happening due to margins/padding on the <select>/<menulist> and that's getting applied to the popup. Since we know it's not a recent regression we can adjust the tracking flags as such.

I expect the best fix here will be moving to a shared component library where we don't have one-off styles for <select>/<menulist> elements.

Severity: -- → S4
Flags: needinfo?(jaws)
Priority: -- → P3
Flags: needinfo?(exploratory666)
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: