Use ResizeObserver to auto-update menu position if available (JedWats…

…on#5404) * Use ResizeObserver to update menu position if available Fixes JedWatson#5403. I mistakenly thought in JedWatson#5381 that the resize event was placed on the control element, but's it really just on the scroll parents of the control element. This PR enables `ResizeObserver` if it's available. The referenced issue demonstrates a good use-case for it. * Create tricky-books-design.md
Rall3n · Oct 21, 2022 · d57a893 · d57a893
1 parent d2dd0f9
commit d57a893
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/tricky-books-design.md b/.changeset/tricky-books-design.md
@@ -0,0 +1,5 @@
+---
+'react-select': patch
+---
+
+Use ResizeObserver to auto-update menu position if available
diff --git a/packages/react-select/src/components/Menu.tsx b/packages/react-select/src/components/Menu.tsx
@@ -648,7 +648,7 @@ export const MenuPortal = <
         controlElement,
         menuPortalRef.current,
         updateComputedPosition,
-        { elementResize: false }
+        { elementResize: 'ResizeObserver' in window }
       );
     }
   }, [controlElement, updateComputedPosition]);