Fix issues with autocomplete

211-Connect · Jan 15, 2024 · 80e6ae9 · 80e6ae9
1 parent c0601ae
commit 80e6ae9
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/client/components/molecules/LocationAutocomplete.tsx b/packages/client/components/molecules/LocationAutocomplete.tsx
@@ -10,7 +10,7 @@ import {
   Select,
   ActionIcon,
 } from '@mantine/core';
-import { useDebouncedValue, useInputState, useToggle } from '@mantine/hooks';
+import { useDebouncedValue, useToggle } from '@mantine/hooks';
 import { IconLocationFilled, IconMapPin, IconX } from '@tabler/icons-react';
 import { RefAttributes, useCallback, useEffect, useRef, useState } from 'react';
 import { showNotification } from '@mantine/notifications';
@@ -60,7 +60,7 @@ export function LocationAutocomplete(props: Props) {
   const handleItemSubmit = (e: any) => {
     if (hiddenInputRef.current) {
       setCookie(null, USER_PREF_COORDS, e.coordinates, { path: '/' });
-      setCoords(e.coordinates);
+      setCoords(e.coordinates.join(','));
       hiddenInputRef.current.value = e.coordinates;
     }
   };
@@ -210,6 +210,7 @@ export function LocationAutocomplete(props: Props) {
             }) || ''
           }
           size="md"
+          withinPortal
           value={value}
           name="location"
           onChange={handleChange}