From 8a4a87716f9ff422f00feafb98f1b35f7e290f08 Mon Sep 17 00:00:00 2001
From: LouisLam <louislam@users.noreply.github.com>
Date: Tue, 7 Sep 2021 16:46:42 +0800
Subject: [PATCH] disable chrome save password dialog

---
 src/components/HiddenInput.vue | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/components/HiddenInput.vue b/src/components/HiddenInput.vue
index 5b2b77ae..0dfb4b5e 100644
--- a/src/components/HiddenInput.vue
+++ b/src/components/HiddenInput.vue
@@ -1,6 +1,22 @@
 <template>
     <div class="input-group mb-3">
-        <input v-model="model" :type="visibility" class="form-control" :placeholder="placeholder" :maxlength="maxlength" :autocomplete="autocomplete" :required="required">
+        <!--
+        Hack - Disable Chrome save password
+        readonly + onfocus
+        https://stackoverflow.com/questions/41217019/how-to-prevent-a-browser-from-storing-passwords
+       -->
+        <input
+            v-model="model"
+            :type="visibility"
+            class="form-control"
+            :placeholder="placeholder"
+            :maxlength="maxlength"
+            :autocomplete="autocomplete"
+            :required="required"
+            readonly
+            onfocus="this.removeAttribute('readonly');"
+        >
+
         <a v-if="visibility == 'password'" class="btn btn-outline-primary" @click="showInput()">
             <font-awesome-icon icon="eye" />
         </a>
@@ -43,7 +59,7 @@ export default {
                 return this.modelValue
             },
             set(value) {
-                this.$emit('update:modelValue', value)
+                this.$emit("update:modelValue", value)
             }
         }
     },