From a8fa32a8029a6c61a866874a7b9e5876ac14133e Mon Sep 17 00:00:00 2001
From: Arvid Norlin <arvid.norlin@scandichotels.com>
Date: Thu, 15 May 2025 12:18:42 +0000
Subject: [PATCH] Merged in fix/disable-autocomlete-country-and-phone (pull
 request #2107)

fix: disable auto-complete for Country and Phone inputs

* fix(SW-2765): disable auto-complete for Country and Phone inputs


Approved-by: Linus Flood
---
 .../components/TempDesignSystem/Form/Country/index.tsx         | 3 ++-
 .../components/TempDesignSystem/Form/Phone/index.tsx           | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/apps/scandic-web/components/TempDesignSystem/Form/Country/index.tsx b/apps/scandic-web/components/TempDesignSystem/Form/Country/index.tsx
index 522dffa30..ef2db2180 100644
--- a/apps/scandic-web/components/TempDesignSystem/Form/Country/index.tsx
+++ b/apps/scandic-web/components/TempDesignSystem/Form/Country/index.tsx
@@ -30,7 +30,8 @@ import type { CountryProps } from "./country"
 const prioCountryCode = ["DE", "DK", "FI", "NO", "SE"]
 
 export default function CountrySelect({
-  autoComplete = "country-name",
+  // hack used since chrome does not respect autocomplete="off"
+  autoComplete = "nope",
   className = "",
   label,
   name = "country",
diff --git a/apps/scandic-web/components/TempDesignSystem/Form/Phone/index.tsx b/apps/scandic-web/components/TempDesignSystem/Form/Phone/index.tsx
index 45b0fece8..721819940 100644
--- a/apps/scandic-web/components/TempDesignSystem/Form/Phone/index.tsx
+++ b/apps/scandic-web/components/TempDesignSystem/Form/Phone/index.tsx
@@ -141,7 +141,8 @@ export default function Phone({
       >
         <AriaInputWithLabel
           {...field}
-          autoComplete="tel-national"
+          // hack used since chrome does not respect autocomplete="off"
+          autoComplete="nope"
           id={field.name}
           label={label}
           onChange={handleChange}