Browse Source

Remove password reveal feature from IE and Edge using ::-ms-reveal pseudo selector

master
Rick Watson 5 years ago
parent
commit
5f529ecf51
  1. 18
      interface/src/components/PasswordValidator.js

18
interface/src/components/PasswordValidator.js

@ -1,11 +1,21 @@
import React from 'react';
import { TextValidator } from 'react-material-ui-form-validator';
import { withStyles } from '@material-ui/core/styles';
import { InputAdornment } from '@material-ui/core';
import Visibility from '@material-ui/icons/Visibility';
import VisibilityOff from '@material-ui/icons/VisibilityOff';
import IconButton from '@material-ui/core/IconButton';
export default class PasswordValidator extends React.Component {
const styles = theme => (
{
input: {
"&::-ms-reveal": {
display: "none"
}
}
});
class PasswordValidator extends React.Component {
state = {
showPassword: false
@ -18,11 +28,13 @@ export default class PasswordValidator extends React.Component {
}
render() {
const { classes, ...rest } = this.props;
return (
<TextValidator
{...this.props}
{...rest}
type={this.state.showPassword ? 'text' : 'password'}
InputProps={{
classes,
endAdornment:
<InputAdornment position="end">
<IconButton
@ -38,3 +50,5 @@ export default class PasswordValidator extends React.Component {
}
}
export default withStyles(styles)(PasswordValidator);
Loading…
Cancel
Save