From 8f57ef9e7db84baca993e7888176d1a4ce30f239 Mon Sep 17 00:00:00 2001
From: SerhiiTsybulskyi <c4r0n0s@gmail.com>
Date: Fri, 21 Jun 2024 16:08:53 +0300
Subject: [PATCH] add auto update floating position on resize

---
 src/form/Select/SingleSelect.story.tsx | 2 +-
 src/utils/Position/usePosition.tsx     | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/form/Select/SingleSelect.story.tsx b/src/form/Select/SingleSelect.story.tsx
index d346cb03..e577a697 100644
--- a/src/form/Select/SingleSelect.story.tsx
+++ b/src/form/Select/SingleSelect.story.tsx
@@ -196,7 +196,7 @@ export const InvalidValues = () => {
 export const OptionsArray = () => {
   const [value, setValue] = useState<string | null>('github');
   return (
-    <div style={{ width: 300 }}>
+    <div style={{ width: 300, marginTop: '100px' }}>
       <Select value={value} onChange={v => setValue(v)}>
         {options.map(o => (
           <SelectOption key={o.value} value={o.value}>
diff --git a/src/utils/Position/usePosition.tsx b/src/utils/Position/usePosition.tsx
index 41cc3869..36122401 100644
--- a/src/utils/Position/usePosition.tsx
+++ b/src/utils/Position/usePosition.tsx
@@ -11,7 +11,8 @@ import {
   Middleware,
   flip,
   limitShift,
-  shift
+  shift,
+  autoUpdate
 } from '@floating-ui/react';
 
 export type Placement = FloatingUIPlacement;
@@ -58,7 +59,8 @@ export const usePosition = ({
     elements: {
       reference: isVirtualElement ? null : (reference as Element),
       floating: floating
-    }
+    },
+    whileElementsMounted: autoUpdate
   });
 
   useEffect(() => {