Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Mask LDAP bindpass while typing #10087

Merged
merged 4 commits into from
Oct 7, 2020
Merged

Conversation

Monkeychip
Copy link
Contributor

@Monkeychip Monkeychip commented Oct 5, 2020

This PR addresses a request to mask the LDAP bindpass field while typing. This field is generated by the masked-input component, which uses a textArea html element. However, to effectively mask the field while typing we needed to change the element to input and add type=password (see screenshot and MDN docs here).

image

Before -with the textArea element- you could enter a multi-line password for bindpass. However, given that bindpass is defined as a password field in the LDAP API docs we felt it safe to go ahead and change this to a single-line input field.

There are similar requests for the value field in the KV secret engine. Right now, this component will only show the input field when the name is bindpass but if we later determine to add other fields we can add a list of them in the masked-input javascript file and pass a computed property to the new maskWhileTyping property.

See gif
ldap

*You'll notice the browser warning in the gif. I tried a variety of suggestions for preventing this, but ultimately this is a browser setting and not something we can safely prevent when we use type=password. I tried as suggested here turning the input field to readonly and readonly=false onfocus, but that did not work.

@Monkeychip Monkeychip added the ui label Oct 5, 2020
@Monkeychip Monkeychip added this to the 1.6 milestone Oct 5, 2020
@Monkeychip Monkeychip marked this pull request as ready for review October 6, 2020 15:27
Copy link
Contributor

@chelshaw chelshaw left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

:chef-kissing-fingers: looks great!

@Monkeychip Monkeychip merged commit bc3783a into master Oct 7, 2020
@Monkeychip Monkeychip deleted the ui/mask-input-bindpass-ldap branch October 7, 2020 16:37
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants