1559997 - Use a monospace password font in generated autocomplete

Status: VERIFIED FIXED

(Toolkit :: Password Manager, enhancement, P3)

Description

[Matthew N. [:MattN]]

To make it easier for users to distinguish characters like O vs. 0, use a monospace font.

Comment 1

[Matthew N. [:MattN]]

Attachment: Bug 1559997 - Use a monospace password font in generated autocomplete. r=sfoster

Also fix the autocomplete footer size.

Comment 2

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/c7eea91ebea2
Use a monospace password font in generated autocomplete. r=sfoster

Comment 3

[Dorel Luca [:dluca]]

https://hg.mozilla.org/mozilla-central/rev/c7eea91ebea2

Comment 4

[Daniel Bodea [:danibodea]]

Attachment: is this font monospace or not.png

1. I am attempting to verify this bug, but I am not sure I understand where the monospace font is being used. Is it when generating a password?

2. How do you think it would be best to actually verify whether is monospace or not?
   Is this extension going to help me?

Comment 5

[Matthew N. [:MattN]]

(In reply to Bodea Daniel [:danibodea] from comment #4)

Created attachment 9081929 [details]
is this font monospace or not.png

1. I am attempting to verify this bug, but I am not sure I understand where the monospace font is being used. Is it when generating a password?

This bug is about the font of the password in the autocomplete popup, we don't change the website font.

2. How do you think it would be best to actually verify whether is monospace or not?

I think it will be fairly clear when you see it, each character should take the same width and it should be a serif font. One way to check would be to edit your generated password to include characters that look similar (e.g. upper case O and zero, lowercase L and one, etc.) and ensure you can distinguish them… we never generate a password with them so you will need to edit the password in the field after generating (in recent Nightly) then clear the field and the edited password should be suggested.

Is this extension going to help me?

Since you need to inspect the browser UI I don't think it will help.

Comment 6

[Daniel Bodea [:danibodea]]

Hey, sorry Matt, but we seem to be confused about where this monospace font is being implemented. Can you please explain with some steps or a screenshot?

Comment 7

[Matthew N. [:MattN]]

Attachment: Screenshot showing the generated password in the autocomplete popup

See how the text of the generated password is a serif font and is a different font than the label "Use a securely generated password"?

Comment 8

[Daniel Bodea [:danibodea]]

The font displayed on the Password Manager drop-down (I think it would be more intuitive to call it that, rather than the password autocomplete pop-up) is monospace, serif and easily readable.
This implementation has been verified on Windows 10, Mac OS 10.13.6 and Ubuntu 18.04 in Nightly v70.0a1 and Beta v69.0b10.