Closed Bug 1599996 Opened 5 years ago Closed 5 years ago

Master password dialog should be wider

Categories

(Toolkit Graveyard :: Notifications and Alerts, defect)

72 Branch
Unspecified
Windows
defect
Not set
normal

Tracking

(firefox-esr68 unaffected, firefox71 unaffected, firefox72 disabled, firefox73 verified)

VERIFIED FIXED
mozilla72
Tracking Status
firefox-esr68 --- unaffected
firefox71 --- unaffected
firefox72 --- disabled
firefox73 --- verified

People

(Reporter: dekeltal, Assigned: ntim)

References

(Regression)

Details

(Keywords: regression)

Attachments

(4 files)

Attached image 2019-11-28 11_23_49-Password Required.png (deleted) β€”

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

Steps to reproduce:

Navigated to a page that requires credentials

Actual results:

Since FF is configured to use a master password, I got the "Password Required" popup. It seems there's a regression, where the controls in the popup are misaligned (see attachment). Not sure what changed exactly, but the buttons at the bottom and the password text box seem off.

Attached image Screenshot build 20191128094109.png (deleted) β€”

Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:72.0) Gecko/20100101 Firefox/72.0
20191128094109

On my system, "password." is now wrapped on a separate line.

https://hg.mozilla.org/integration/autoland/pushloghtml?fromchange=cefb0e6f314aa176684e1fce4b71d649ca674c2d&tochange=70b2e0edb9a100ab95af8d7713f99dbc8ebd1ca0

Flags: needinfo?(ntim.bugs)
Status: UNCONFIRMED → NEW
Has Regression Range: --- → yes
Has STR: --- → yes
Component: Untriaged → Notifications and Alerts
Ever confirmed: true
Keywords: regression
Product: Firefox → Toolkit
Regressed by: 1583925
OS: Unspecified → Windows

Do you have a screenshot of how it looked like previously ?

Flags: needinfo?(ntim.bugs) → needinfo?(gingerbread_man)

DΓ£o, I think this used to "work" thanks to the #filler element which was forcing width: 29em; (which would explain why the text now wraps as comment 1 shows) and with the negative margins set on it . It was making sure the center-aligned dialog buttons (which were outside the grid) looked aligned with the text. I suspect this didn't work well with different locales though.

I can't really test this since macOS isn't affected by this (and aligns its buttons to the right as well), but what do you think of re-introducing a per-platform min-width, something like:

:root {
  min-width: calc(29em - /* value that makes the buttons aligned */);
}
Flags: needinfo?(dao+bmo)
Attached image Screenshot Firefox 70.0.1.png (deleted) β€”
Flags: needinfo?(gingerbread_man)

Thanks! It looks like this wasn't aligned to the input before, so what I said in Comment 3 about the negative margins was wrong. Looks like we do need a min-width however to make it look like it was before.

Summary: "Password Required" popup has controls misaligned → Master password dialog should be wider
Assignee: nobody → ntim.bugs
Flags: needinfo?(dao+bmo)
Pushed by ntim.bugs@gmail.com:
https://hg.mozilla.org/integration/autoland/rev/e14237c29b51
Re-introduce a minimum width to commonDialog.xul. r=dao
Status: NEW → RESOLVED
Closed: 5 years ago
Resolution: --- → FIXED
Target Milestone: --- → mozilla72
Flags: qe-verify+

I have reproduced this issue using Firefox 72.0a1 (2019.11.28) on Win 8.1 x64.
I can confirm this issue is fixed, I verified using Firefox 73.0b4 on Win 8.1 x64.

Status: RESOLVED → VERIFIED
Flags: qe-verify+
Product: Toolkit → Toolkit Graveyard
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: