Password rendering with non-monospace font makes it impossible to distinguish between "l" (lowercase L) and "I" (uppercase i)

[nazmulkazi]

Passwords are not rendered with a monospace font

• Passbolt Version: 3.12.2
• Platform and Target:
  -- Browser: Google Chrome version 114.0.5735.110 (Official Build) (64-bit)
  -- Ext Version: 4.0.4

Issue Description

The following is a screenshot of a password that contains both lowercase "L" and uppercase "i". As we can see, it is impossible to tell which is which.

Expected

All passwords (in the item's list, info sidebar, and edit form) should be rendered with monospace fonts. Visually similar letters (uppercase O and number 0; lowercase L and uppercase i and 1) should be easily distinguishable. Please use a monospace font that has a line through number 0 making it easily distinguishable when only 0 is present in a password. Thanks.

I use long randomly generated passwords everywhere. Sometimes, I need to type passwords manually on other devices where copy-pasting is not an option. It is frustrating to get the password wrong due to visually similar letters and then need to copy-paste the password to a text editor to find out what am I typing wrong.

[stripthis]

Hello,

Thank you for your feedback!
This is on our radar as this is already implemented on the mobile app. Ref. PB-25251

Cheers,

[nazmulkazi]

@stripthis I use the Passbolt Android app and I noticed that the app shows the password with a monospace font (though the edit form doesn't yet). So, I thought of reporting it for the Chrome extension (which I use most of the time). Thank you.

[nazmulkazi]

@stripthis Hi, I want to contribute to this. I have been looking through the codes. To change the font to monospace for both the webpage UI and Chrome extension, I need to make changes in the passbolt_styleguide repo, right? I already figured out where I need to add the font-family statements in the Less files. Just thought of confirming before working further on this. Thank you.

[qntoni]

Hello,

Thanks for your interest! We made the changes and implemented the monospace font and we are currently reviewing the according code. It will come in future release.

Best regards

[nazmulkazi]

That's wonderful news. Thank you so much for attending to it so promptly.

[qntoni]

Hello @nazmulkazi,

We released Passbolt v4.1.2 that includes the monospace font while previewing a password.

Thanks for your help!