Merged in fix/trigger-open-country-select-focus (pull request #2274)

fix: open country select dropdown on focus

Approved-by: Chuma Mcphoy (We Ahead)

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"