When the window size changes, the pop-up layer position is incorrect about dropdown_button2

[AndryCU]

This is a minimal example where you can reproduce this issue:

import 'package:dropdown_button2/dropdown_button2.dart';
import 'package:flutter/material.dart';

void main() {
  runApp(const DropdownMenuExample());
}

class DropdownMenuExample extends StatelessWidget {
  const DropdownMenuExample({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData(
        useMaterial3: true,
        colorSchemeSeed: Colors.green,
      ),
      home: Scaffold(
        body: Center(
          child: Padding(
            padding: const EdgeInsets.symmetric(vertical: 20),
            child: Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                DropdownButton2<int>(
                  buttonStyleData: const ButtonStyleData(
                    padding: EdgeInsets.zero,
                  ),
                  onChanged: (value) {},
                  items: [
                    for (int i = 1; i <= 5; i++)
                      DropdownMenuItem<int>(
                        value: i,
                        child: Text(i.toString()),
                      ),
                  ],
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}

And this is the current behavior:

Screencast.from.25-03-24.21.21.13.webm

Proposal: Closing the menu immediately changes the screen size.

This is how the Flutter DropdownMenu behaves:

Screencast.from.25-03-24.21.38.44.webm

[srnrider53]

This is a minimal example where you can reproduce this issue:

import 'package:dropdown_button2/dropdown_button2.dart';
import 'package:flutter/material.dart';

void main() {
  runApp(const DropdownMenuExample());
}

class DropdownMenuExample extends StatelessWidget {
  const DropdownMenuExample({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData(
        useMaterial3: true,
        colorSchemeSeed: Colors.green,
      ),
      home: Scaffold(
        body: Center(
          child: Padding(
            padding: const EdgeInsets.symmetric(vertical: 20),
            child: Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                DropdownButton2<int>(
                  buttonStyleData: const ButtonStyleData(
                    padding: EdgeInsets.zero,
                  ),
                  onChanged: (value) {},
                  items: [
                    for (int i = 1; i <= 5; i++)
                      DropdownMenuItem<int>(
                        value: i,
                        child: Text(i.toString()),
                      ),
                  ],
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}

And this is the current behavior:

Screencast.from.25-03-24.21.21.13.webm
Proposal: Closing the menu immediately changes the screen size.

This is how the Flutter DropdownMenu behaves:

Screencast.from.25-03-24.21.38.44.webm

ok. thx!

[adonisRodxander]

Same issue

[ankitgitac]

@AhmedLSayed9 Is this bug getting fixed?

[adonisRodxander]

Any update?

[AhmedLSayed9]

This has been fixed at v3.0.0-beta.16