Use ResizeObserver to auto-update menu position if available (#5404)

* Use ResizeObserver to update menu position if available Fixes #5403. I mistakenly thought in #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
JedWatson · Oct 20, 2022 · ebb0a17 · ebb0a17
1 parent a0421af
commit ebb0a17
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]);