From 5f529ecf51fe643bbc022ad9ccb9872a39d7d6ba Mon Sep 17 00:00:00 2001
From: Rick Watson <rjwats@gmail.com>
Date: Sun, 21 Apr 2019 13:37:25 +0100
Subject: [PATCH] Remove password reveal feature from IE and Edge using
 ::-ms-reveal pseudo selector

---
 interface/src/components/PasswordValidator.js | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/interface/src/components/PasswordValidator.js b/interface/src/components/PasswordValidator.js
index 43918c6..e168993 100644
--- a/interface/src/components/PasswordValidator.js
+++ b/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);