cc-input-text: multi + secret

Context

We didn’t implement secret in multiline mode because it’s not simple to create the equivalent of <input type=password> with a textarea.

What we tried

We naively tried this when multi + secret:

• if secret is hidden => display a <input type=password>
• if secret is revealed => display a <textarea> with the multiline value

Problems

This behaviour is almost what we want, the weird case comes from the fact that you can still edit the <input type=password> and once you edit the value while hidden you lost line breaks when you reveal the secret.

If we decide to do multi + secret while hidden with <input type=password readonly> the result will work with the copy to clipboard button but not with a text selection and a regular copy paste. We would lose line breaks.

Maybe an idea

If we use a filter:blur we could achieve something but I’m not convinced yet and I want feedbacks.

[hsablonniere]

The custom font seems like a good idea, here’s a proof of concept:

https://user-images.githubusercontent.com/236342/102905923-286c1880-4474-11eb-9840-8c471dd397c7.mp4

TODO:

• Generate (look for) a font that has only the .notdef character
• Ask around if it’s a good idea
• Use a dot instead of the crossed square

[hsablonniere]

https://www.youtube.com/watch?v=fADc9lHwSMc