From 3569fe9c73d7a206212bcb4311be5a9b9a5674d9 Mon Sep 17 00:00:00 2001
From: Erick Joseph <erick.gamaetolle@gmail.com>
Date: Wed, 31 Jul 2024 16:15:00 -0300
Subject: [PATCH 1/2] the fix for the issue where chrome thought the
 SensitiveInput input was a password field

---
 src/lib/components/common/SensitiveInput.svelte | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/common/SensitiveInput.svelte b/src/lib/components/common/SensitiveInput.svelte
index a1d7b9248..695d5a79e 100644
--- a/src/lib/components/common/SensitiveInput.svelte
+++ b/src/lib/components/common/SensitiveInput.svelte
@@ -14,12 +14,13 @@
 <div class={outerClassName}>
 	<input
 		class={inputClassName}
+		class:dot={!show}
 		{placeholder}
 		bind:value
 		required={required && !readOnly}
 		disabled={readOnly}
 		autocomplete="off"
-		{...{ type: show ? 'text' : 'password' }}
+		type="text"
 	/>
 	<button
 		class={showButtonClassName}
@@ -61,3 +62,9 @@
 		{/if}
 	</button>
 </div>
+
+<style>
+	.dot {
+		-webkit-text-security: disc;
+	}
+</style>

From c44e51ae58e694d2042a65a0d2f566fc56ef3876 Mon Sep 17 00:00:00 2001
From: "Timothy J. Baek" <timothyjrbeck@gmail.com>
Date: Thu, 1 Aug 2024 21:43:13 +0200
Subject: [PATCH 2/2] refac

---
 src/app.css                                     | 4 ++++
 src/lib/components/common/SensitiveInput.svelte | 9 +--------
 2 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/app.css b/src/app.css
index c3388f1d3..69e107be9 100644
--- a/src/app.css
+++ b/src/app.css
@@ -154,3 +154,7 @@ input[type='number'] {
 .tippy-box[data-theme~='dark'] {
 	@apply rounded-lg bg-gray-950 text-xs border border-gray-900 shadow-xl;
 }
+
+.password {
+	-webkit-text-security: disc;
+}
diff --git a/src/lib/components/common/SensitiveInput.svelte b/src/lib/components/common/SensitiveInput.svelte
index 695d5a79e..76a626650 100644
--- a/src/lib/components/common/SensitiveInput.svelte
+++ b/src/lib/components/common/SensitiveInput.svelte
@@ -13,8 +13,7 @@
 
 <div class={outerClassName}>
 	<input
-		class={inputClassName}
-		class:dot={!show}
+		class={`${inputClassName} ${show ? '' : 'password'}`}
 		{placeholder}
 		bind:value
 		required={required && !readOnly}
@@ -62,9 +61,3 @@
 		{/if}
 	</button>
 </div>
-
-<style>
-	.dot {
-		-webkit-text-security: disc;
-	}
-</style>