question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Password is visible when inspecting the element

See original GitHub issue

If I add this code to my form

<Field name="password" component={renderField} type="password" className="modal--txt-field" />

and after that I inspect the element, I’ll be able to see the inserted password. This is dangerous specially for those cases you save form credentials on your browser.

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Reactions:2
  • Comments:15 (1 by maintainers)

github_iconTop GitHub Comments

11reactions
justingreenbergcommented, Jan 9, 2017

to @dtipson’s point…

pw

2reactions
JochemGcommented, Sep 12, 2018

Don’t set the “value” prop. This makes it an uncontrolled component. You can still listen to the onChange to track the value. If you need to clear the value (without getting React controller/uncontroller warning) I guess you can just change the “key” prop on the input to force rerender, which should clear the field.

Hope this helps 😃

Read more comments on GitHub >

github_iconTop Results From Across the Web

how to hide password in inspect or DOM elements
Password is showing in different places like network preserve log, inspect elements. Hi Tulasi Ram, View source is a representation of static ...
Read more >
View Hidden Passwords Behind Asterisks in Chrome and ...
Open any website where you have your password saved, right-click on the password field and go to Inspect Element.
Read more >
Hiding password field value from inspect element?
The value property of an input field is going to be visible through the inspect element option of the dev tools.
Read more >
Google Chrome Inspect: How To Reveal Hidden Passwords
passwords #google #chromeGoogle Chrome Browser: Developer Tools Inspect Element : Show Hidden PasswordsThis tutorial will teach you how to ...
Read more >
How To View A Password Behind The Asterisks In a Browser
Reveal Passwords Behind Asterisks Using Inspect Element · Launch the website where you want to reveal the passwords behind asterisks. · Right- ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found