Skip to content

[Material 3] DropdownMenu not expanding according to its parent's width. #125199

@mavyfaby

Description

@mavyfaby

Is there an existing issue for this?

Steps to reproduce

  1. Create a DropdownMenu widget inside a widget.

Expected results

DropdownMenu's width should be same as its parent.

Actual results

DropdownMenu's width is small and not according to its parent's width.

Code sample

Code sample
return Padding(
  padding: const EdgeInsets.symmetric(vertical: 8),
  child: DropdownMenu(
    label: const Text("Select Establishment"),
    inputDecorationTheme: InputDecorationTheme(
      filled: Theme.of(context).brightness == Brightness.dark,
      border: Theme.of(context).brightness == Brightness.dark ? null : const OutlineInputBorder()
    ),
    dropdownMenuEntries: []
  ),
);

Screenshots or Video

Screenshots / Video demonstration

Screenshot_2023-04-20-18-44-59-10_8910c767e4d7264453bba01d16c4effa

Logs

Logs
No logs

Flutter Doctor output

Doctor output
[✓] Flutter (Channel stable, 3.7.11, on Ubuntu 22.10 5.19.0-40-generic, locale en_PH.UTF-8)
    • Flutter version 3.7.11 on channel stable at /home/maverick/SDKs/Flutter
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision f72efea43c (9 days ago), 2023-04-11 11:57:21 -0700
    • Engine revision 1a65d409c7
    • Dart version 2.19.6
    • DevTools version 2.20.1

[✓] Android toolchain - develop for Android devices (Android SDK version 33.0.0)
    • Android SDK at /home/maverick/SDKs/Android
    • Platform android-33, build-tools 33.0.0
    • ANDROID_HOME = /home/maverick/SDKs/Android
    • ANDROID_SDK_ROOT = /home/maverick/SDKs/Android
    • Java binary at: /home/maverick/SDKs/android-studio/jbr/bin/java
    • Java version OpenJDK Runtime Environment (build 11.0.15+0-b2043.56-8887301)
    • All Android licenses accepted.

[✓] Chrome - develop for the web
    • Chrome at google-chrome

[✓] Linux toolchain - develop for Linux desktop
    • Ubuntu clang version 15.0.7
    • cmake version 3.24.2
    • ninja version 1.11.0
    • pkg-config version 0.29.2

[✓] Android Studio (version 2022.1)
    • Android Studio at /home/maverick/SDKs/android-studio
    • Flutter plugin version 72.1.2
    • Dart plugin version 221.6096
    • Java version OpenJDK Runtime Environment (build 11.0.15+0-b2043.56-8887301)

[✓] IntelliJ IDEA Ultimate Edition (version 2022.2)
    • IntelliJ at /home/maverick/IDEs/idea-IU-213.6777.52
    • Flutter plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/6351-dart

[✓] VS Code (version 1.77.3)
    • VS Code at /usr/share/code
    • Flutter extension version 3.62.0

[✓] Connected device (3 available)
    • RMX2195 (mobile) • 192.168.1.101:40507 • android-arm64  • Android 11 (API 30)
    • Linux (desktop)  • linux               • linux-x64      • Ubuntu 22.10 5.19.0-40-generic
    • Chrome (web)     • chrome              • web-javascript • Google Chrome 112.0.5615.165

[✓] HTTP Host Availability
    • All required HTTP hosts are available

• No issues found!

Metadata

Metadata

Assignees

Labels

f: material designflutter/packages/flutter/material repository.found in release: 3.10Found to occur in 3.10found in release: 3.7Found to occur in 3.7frameworkflutter/packages/flutter repository. See also f: labels.has reproducible stepsThe issue has been confirmed reproducible and is ready to work onteam-designOwned by Design Languages teamtriaged-designTriaged by Design Languages team

Type

No type

Projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions