From 5877a9d2286e7728541bddc116b72158a75021ce Mon Sep 17 00:00:00 2001
From: Christian Andolf <christian.andolf@scandichotels.com>
Date: Tue, 3 Jun 2025 11:56:26 +0200
Subject: [PATCH] fix: open country select dropdown on focus

---
 .../components/TempDesignSystem/Form/Country/index.tsx       | 5 +++--
 1 file changed, 3 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 ef2db2180..962468be9 100644
--- a/apps/scandic-web/components/TempDesignSystem/Form/Country/index.tsx
+++ b/apps/scandic-web/components/TempDesignSystem/Form/Country/index.tsx
@@ -99,9 +99,10 @@ export default function CountrySelect({
         onBlur={field.onBlur}
         onSelectionChange={(c) => field.onChange(c ?? "")}
         selectedKey={field.value}
+        menuTrigger="focus"
       >
         <Label className={styles.inner}>
-          <div className={styles.displayText}>
+          <span className={styles.displayText}>
             <Typography variant="Label/xsRegular">
               <span className={`${styles.label} ${styles.labelValue}`}>
                 {label}
@@ -120,7 +121,7 @@ export default function CountrySelect({
                 ref={field.ref}
               />
             </Typography>
-          </div>
+          </span>
           <Button className={styles.button}>
             <MaterialIcon
               aria-hidden="true"