All changes

frontend/src/components/ui/PlaceSearchInput.tsx

@@ -1,7 +1,8 @@
-import { useRef, useCallback, useLayoutEffect, useState as useStateR } from 'react';
+import { useRef } from 'react';
 import { createPortal } from 'react-dom';
 import type React from 'react';
 import type { SearchResult } from '../../hooks/useLocationSearch';
+import { useDropdownPosition } from '../../hooks/useDropdownPosition';
 import { SearchIcon } from './icons/SearchIcon';
 import { MapPinIcon } from './icons/MapPinIcon';
 
@@ -31,32 +32,6 @@ interface PlaceSearchInputProps {
   portal?: boolean;
 }
 
-function useDropdownPosition(
-  anchorRef: React.RefObject<HTMLElement | null>,
-  open: boolean,
-) {
-  const [pos, setPos] = useStateR<{ top: number; left: number; width: number } | null>(null);
-
-  const update = useCallback(() => {
-    if (!anchorRef.current) return;
-    const rect = anchorRef.current.getBoundingClientRect();
-    setPos({ top: rect.bottom + 4, left: rect.left, width: rect.width });
-  }, [anchorRef]);
-
-  useLayoutEffect(() => {
-    if (!open) return;
-    update();
-    window.addEventListener('scroll', update, true);
-    window.addEventListener('resize', update);
-    return () => {
-      window.removeEventListener('scroll', update, true);
-      window.removeEventListener('resize', update);
-    };
-  }, [open, update]);
-
-  return pos;
-}
-
 export function PlaceSearchInput({
   search,
   onSelect,