Merge pull request #396 from AhmedLSayed9/fix_incorrect_dropdown_position_on_web

Fix incorrect dropdown position when resizing the window rapidly on web

Author: AhmedLSayed9

packages/dropdown_button2/CHANGELOG.md

@@ -1,6 +1,7 @@
 ## UNRELEASED
 
-- Avoid dropdown internal FocusNode listener leak when replaced by an external FocusNode
+- Avoid dropdown internal FocusNode listener leak when replaced by an external FocusNode.
+- Fix incorrect dropdown position when resizing the window rapidly on web, closes #395.
 
 ## 3.0.0-beta.22
 

packages/dropdown_button2/lib/src/dropdown_button2.dart

@@ -546,11 +546,17 @@ class _DropdownButton2State<T> extends State<DropdownButton2<T>> with WidgetsBin
 
   @override
   void didChangeMetrics() {
-    //This fix the bug of calling didChangeMetrics() on iOS when app starts
+    // This fixes the bug of calling didChangeMetrics() on iOS when app starts.
     if (_buttonRect.value == null) {
       return;
     }
-    _buttonRect.value = _getButtonRect();
+
+    // Defer rect calculation to next frame to ensure layout is complete and dimensions are accurate.
+    WidgetsBinding.instance.addPostFrameCallback((_) {
+      if (mounted && _buttonRectKey.currentContext != null) {
+        _buttonRect.value = _getButtonRect();
+      }
+    });
   }
 
   TextStyle? get _textStyle => widget.style ?? Theme.of(context).textTheme.titleMedium;