Closed Bug 1633701 Opened 4 years ago Closed 3 years ago

Checkbox and text for [Prevent this page from creating additional dialogs] are not vertically aligned on MacOS

Categories

(Toolkit :: Themes, defect, P3)

Desktop
All
defect

Tracking

()

RESOLVED WORKSFORME
Tracking Status
firefox-esr68 --- wontfix
firefox-esr78 --- wontfix
firefox75 --- wontfix
firefox76 --- wontfix
firefox77 --- wontfix
firefox78 --- wontfix
firefox85 --- affected

People

(Reporter: cfogel, Unassigned, Mentored)

References

(Blocks 2 open bugs)

Details

(Whiteboard: [lang=css])

Attachments

(1 file, 2 obsolete files)

Affected versions

  • 75.0, 75.0b7, 60.9esr, 77.0a1

Affected platforms

  • macOS 10.15.3, Windows 10,

Steps to reproduce

  1. Launch Firefox, access this link;
  2. For the age-input prompt click to run;
  3. Input any age-value, click on Ok

Expected result

  • elements in modal are properly displayed;

Actual result

  • checkbox is lower

Regression range

  • will check if one asap, but at first glimpse looks like something old;

Additional notes

  • attached screenshot with the issue;
  • Ubuntu 18 Is not affected.
Has Regression Range: --- → no
Has STR: --- → yes
Regressed by: 1583696

Is this fixed now that that was backed out?

Flags: needinfo?(cristian.fogel)

Same issue when checking with 78.0a1 (2020-05-04).

Flags: needinfo?(cristian.fogel)

Hmm… then maybe the regression range is wrong?

Cristian, can you double check the regression range?

Flags: needinfo?(cristian.fogel)

Nevermind, comment 0 says 60.9 is affected, so definitely not bug 1583696.

Flags: needinfo?(cristian.fogel)
No longer regressed by: 1583696

Because this bug's Severity has not been changed from the default since it was filed, and it's Priority is -- (non,) indicating it has has not been previously triaged, the bug's Severity is being updated to -- (default, untriaged.)

Severity: normal → --

The priority flag is not set for this bug.
:MattN, could you have a look please?

For more information, please visit auto_nag documentation.

Flags: needinfo?(MattN+bmo)
Severity: -- → S4
Mentor: sfoster
Flags: needinfo?(MattN+bmo)
Priority: -- → P4
Whiteboard: [lang=css]
Blocks: 1639481

(In reply to f94olivera from comment #13)

This site ==> https://firefox-source-docs.mozilla.org/contributing/how_to_contribute_firefox.html
points to this ==> https://hg.mozilla.org/mozilla-central/

Yeah that's the best place to start.
When you have a local build, try using the browser toolbox to inspect the dialog that has the bug. You should be able to find the CSS and markup that way. Note, you only need a "artifact build"[2], as this is a front-end bug.

  1. https://developer.mozilla.org/en-US/docs/Tools/Browser_Toolbox
  2. https://firefox-source-docs.mozilla.org/contributing/build/artifact_builds.html
Flags: needinfo?(sfoster)
OS: All → macOS
Hardware: Unspecified → Desktop
Summary: Checkbox and text for [Prevent this page from creating additional dialogs] are not centered → Checkbox and text for [Prevent this page from creating additional dialogs] are not vertically aligned on MacOS
See Also: → 1641080
Assignee: f94olivera → nobody
Status: ASSIGNED → NEW

Hi, please let me know if you still need to find a regression range for this given comment comment 5

Best,
Clara

Flags: needinfo?(jcristau)

Probably not needed at this point.

Flags: needinfo?(jcristau)
Keywords: regression

Bug 1583696 landed with some style changes to the prompt. Is this fixed now?

Flags: needinfo?(cristian.fogel)

I think this only affects macOS. The alignment was checked for Windows in bug 1641080, and it was reported working.

Flags: needinfo?(cristian.fogel)

Must have been a wrong build on my Windows machine.
Standing corrected, indeed on Windows it is fixed./

Checked and it's the same for both macOS 10.15 as well as 11.0.1.

Flags: needinfo?(cristian.fogel)

Hi,

Can I take this up. I am new here. And it will be my first contribution. I have setup the build in my mac running on OS11. I think this issue will be good for a newbie like me.
Please let me know, and also it will be great if you can give me a little hint about how to fix this.

Thanks,
Kartik Gautam

Flags: needinfo?(sfoster)

(In reply to Kartik Gautam from comment #29)

Please let me know, and also it will be great if you can give me a little hint about how to fix this.

Hi there, I'm not sure what the correct fix for this bug is without doing some investigation. Bug 1583696 landed a new non-XUL-layout impementation of the dialog, which fixed the same issue observed in Windows. But on MacOS, the checkbox has different margins. It could be there is some specific workaround that needs to be removed. A previous incomplete patch for this identified and wanted to remove the top/bottom margin on all checkboxes for the MacOS platform. That's obviously something we should be extremely careful about if that turns out to be the root cause, as it could easily fix 1 problem and break 100 others. So I'm not 100% sure this is actually a good-first-bug any more, but you are welcome to investigate and propose a patch. See my suggestions in comment 14 for how to get started - you'll be using the browser toolbox alongside your study of that area of the codebase to understand the markup and CSS involved.

Clearing old need-info for Sanna/comment 24.

Flags: needinfo?(sfoster)
Flags: needinfo?(sanna.frese)
Flags: needinfo?(ikartikgautam)

(In reply to Sam Foster [:sfoster] (PTO thru' Jan 4th) (he/him) from comment #30)

(In reply to Kartik Gautam from comment #29)

Please let me know, and also it will be great if you can give me a little hint about how to fix this.

Hi there, I'm not sure what the correct fix for this bug is without doing some investigation. Bug 1583696 landed a new non-XUL-layout impementation of the dialog, which fixed the same issue observed in Windows. But on MacOS, the checkbox has different margins. It could be there is some specific workaround that needs to be removed. A previous incomplete patch for this identified and wanted to remove the top/bottom margin on all checkboxes for the MacOS platform. That's obviously something we should be extremely careful about if that turns out to be the root cause, as it could easily fix 1 problem and break 100 others.

Okay, actually i also thought of removing top and bottom margin, so i think this bug is not for a newbie like me, Thank You

Flags: needinfo?(ikartikgautam)
Assignee: nobody → f94olivera
Status: NEW → ASSIGNED
Assignee: f94olivera → nobody
Status: ASSIGNED → NEW
Component: Notifications and Alerts → Themes
Priority: P4 → P3
Assignee: nobody → dao+bmo
Status: NEW → ASSIGNED
Attachment #9151038 - Attachment is obsolete: true
Assignee: dao+bmo → nobody
Status: ASSIGNED → NEW
Assignee: nobody → dao+bmo
Status: NEW → ASSIGNED
Pushed by dgottwald@mozilla.com:
https://hg.mozilla.org/integration/autoland/rev/416cce562ac2
Remove top margin from checkboxes on macOS and stop setting vertical-align. r=sfoster

Backed out for fails on checkboxsize.xhtml

backout: https://hg.mozilla.org/integration/autoland/rev/8d91b346e6b5f5efbe347521f8c1bbcd5c10c88a

push: https://treeherder.mozilla.org/jobs?repo=autoland&revision=416cce562ac233753218454e22d1ff0e1e061815&group_state=expanded

failures firstly seen on a later push: https://treeherder.mozilla.org/jobs?repo=autoland&searchStr=os%2Cx%2C10.15%2Cwebrender%2Cdebug%2Creftests%2Ctest-macosx1015-64-qr%2Fdebug-reftest-e10s%2Cr4&revision=a119c6860f429847367a87405cf791da5110ef19

failure log: https://treeherder.mozilla.org/logviewer?job_id=337227649&repo=autoland&lineNumber=25213

[task 2021-04-20T23:20:01.259Z] 23:20:01 INFO - [Parent 1924, Main Thread] WARNING: Someone asked nsILookAndFeel for a color I don't know about: file /builds/worker/checkouts/gecko/widget/cocoa/nsLookAndFeel.mm:374
[task 2021-04-20T23:20:01.260Z] 23:20:01 INFO - [Parent 1924, Main Thread] WARNING: Someone asked nsILookAndFeel for a color I don't know about: file /builds/worker/checkouts/gecko/widget/cocoa/nsLookAndFeel.mm:374
[task 2021-04-20T23:20:01.262Z] 23:20:01 INFO - [Parent 1924, Main Thread] WARNING: Someone asked nsILookAndFeel for a color I don't know about: file /builds/worker/checkouts/gecko/widget/cocoa/nsLookAndFeel.mm:374
[task 2021-04-20T23:20:01.263Z] 23:20:01 INFO - [Parent 1924, Main Thread] WARNING: Someone asked nsILookAndFeel for a color I don't know about: file /builds/worker/checkouts/gecko/widget/cocoa/nsLookAndFeel.mm:374
[task 2021-04-20T23:20:01.310Z] 23:20:01 INFO - REFTEST TEST-UNEXPECTED-FAIL | toolkit/themes/osx/reftests/checkboxsize.xhtml == toolkit/themes/osx/reftests/checkboxsize-ref.xhtml | image comparison, max difference: 218, number of differing pixels: 760

Flags: needinfo?(dao+bmo)
Depends on: 1703630
Flags: needinfo?(dao+bmo)
Attachment #9217003 - Attachment is obsolete: true

Actually I think this may not be an issue anymore with Proton except for native checkboxes (checkbox[native]).

Assignee: dao+bmo → nobody
Status: ASSIGNED → NEW
No longer depends on: 1703630

In addition to comment #35 these dialogs are now obsolete and have been superseded by commonDialog, so I'm going to close this out.

Status: NEW → RESOLVED
Closed: 3 years ago
Resolution: --- → WORKSFORME
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: