Browse Source

the fix for the issue where chrome thought the SensitiveInput input was a password field

Erick Joseph 9 months ago
parent
commit
3569fe9c73
1 changed files with 8 additions and 1 deletions
  1. 8 1
      src/lib/components/common/SensitiveInput.svelte

+ 8 - 1
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>