From cf40ba43002db70ecd40c3d5134f48c435dd6587 Mon Sep 17 00:00:00 2001
From: sstefdev <sstefandev@gmail.com>
Date: Mon, 18 Nov 2024 09:49:09 +0100
Subject: [PATCH] fix: remove blue background when autofilling

---
 .../src/lib/invoice/form.svelte                    | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/packages/create-invoice-form/src/lib/invoice/form.svelte b/packages/create-invoice-form/src/lib/invoice/form.svelte
index 8e411fc2..8d62b12f 100644
--- a/packages/create-invoice-form/src/lib/invoice/form.svelte
+++ b/packages/create-invoice-form/src/lib/invoice/form.svelte
@@ -702,6 +702,20 @@
     font-size: 12px;
   }
 
+  :global(input:-webkit-autofill),
+  :global(input:-webkit-autofill:hover),
+  :global(input:-webkit-autofill:focus),
+  :global(input:-webkit-autofill:active) {
+    -webkit-box-shadow: 0 0 0 30px white inset !important;
+    -webkit-text-fill-color: inherit !important;
+    transition: background-color 5000s ease-in-out 0s;
+  }
+
+  :global(input:autofill) {
+    background-color: white !important;
+    color: inherit !important;
+  }
+
   :global(.invoice-form-label-wrapper .input-wrapper) {
     flex: 1;
   }