From 2cc77b3d6b4781c423d309b232ff5b9e62474f62 Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Wed, 1 Jun 2022 08:06:58 +0400
Subject: [PATCH] Lock Screen: Disable keychain dialog, fix iOS pattern, remove
 Edge eye icon

---
 src/components/common/PasswordForm.tsx     | 13 +++++++++++++
 src/components/common/UiLoader.module.scss |  5 +++++
 src/styles/_forms.scss                     |  5 +++++
 3 files changed, 23 insertions(+)

diff --git a/src/components/common/PasswordForm.tsx b/src/components/common/PasswordForm.tsx
index 03975acf1..f7ee50db0 100644
--- a/src/components/common/PasswordForm.tsx
+++ b/src/components/common/PasswordForm.tsx
@@ -104,12 +104,25 @@ const PasswordForm: FC<OwnProps> = ({
     }
   }
 
+  function renderFakeInput() {
+    return (
+      <input
+        type="password"
+        id="prevent_autofill"
+        autoComplete="off"
+        className="visually-hidden"
+        tabIndex={-2}
+      />
+    );
+  }
+
   return (
     <form action="" onSubmit={handleSubmit} autoComplete="off">
       <div
         className={buildClassName('input-group password-input', password && 'touched', error && 'error')}
         dir={lang.isRtl ? 'rtl' : undefined}
       >
+        {shouldDisablePasswordManager && renderFakeInput()}
         <input
           ref={inputRef}
           className="form-control"
diff --git a/src/components/common/UiLoader.module.scss b/src/components/common/UiLoader.module.scss
index 905eaa8cc..f4ffb0761 100644
--- a/src/components/common/UiLoader.module.scss
+++ b/src/components/common/UiLoader.module.scss
@@ -30,6 +30,11 @@
       background-image: url('../../assets/chat-bg-pattern-dark.png');
       mix-blend-mode: unset;
     }
+
+    @media (max-width: 600px) {
+      bottom: auto;
+      height: calc(var(--vh, 1vh) * 100);
+    }
   }
 }
 
diff --git a/src/styles/_forms.scss b/src/styles/_forms.scss
index d1e57043d..a4f73fd67 100644
--- a/src/styles/_forms.scss
+++ b/src/styles/_forms.scss
@@ -168,6 +168,11 @@
     clip: rect(0, 0, 0, 0);
     position: absolute;
   }
+
+  &::-ms-clear,
+  &::-ms-reveal {
+    display: none;
+  }
 }
 
 select.form-control {