Skip to content

Menubar doesn't respect SafeArea #171066

Closed
#180975
Closed
Menubar doesn't respect SafeArea#171066
#180975
Labels
P2Important issues not at the top of the work listf: material designflutter/packages/flutter/material repository.found in release: 3.32Found to occur in 3.32found in release: 3.33Found to occur in 3.33frameworkflutter/packages/flutter repository. See also f: labels.has reproducible stepsThe issue has been confirmed reproducible and is ready to work onplatform-androidAndroid applications specificallyplatform-iosiOS applications specificallyr: fixedIssue is closed as already fixed in a newer versionteam-designOwned by Design Languages teamtriaged-designTriaged by Design Languages team

Description

@cmarques2
cmarques2
opened on Jun 24, 2025

Steps to reproduce

Menu items are allowed to be positioned outside the safe area, making them unclickable.

I'm using the sample application

I've added some menu items to push the expanded menu above the safe area.

This causes the top menu item to be unclickable.

Expected results

The Menu bar should stay within SafeArea.

Actual results

The menu bar does not stay within the SafeArea.

See screenshot below

Code sample

Add these lines to the end of the MenuAnchor.menuChildren list in the sample app (linked above)

Code sample 
MenuItemButton(child: Text('extra items')),                  
MenuItemButton(child: Text('to push the')),                  
MenuItemButton(child: Text('top item')),                  
MenuItemButton(child: Text('above the')),                  
MenuItemButton(child: Text('SafeArea')),

Screenshots or Video

Screenshots / Video demonstration

Image

Logs

Logs 
[Paste your logs here]

Flutter Doctor output

Doctor output 
[√] Flutter (Channel stable, 3.32.4, on Microsoft Windows [Version 10.0.26100.4351], locale en-US) [338ms]
    • Flutter version 3.32.4 on channel stable at C:\Users\corey\fvm\versions\3.32.0
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision 6fba2447e9 (11 days ago), 2025-06-12 19:03:56 -0700
    • Engine revision 8cd19e509d
    • Dart version 3.8.1
    • DevTools version 2.45.1

[√] Windows Version (11 Home 64-bit, 24H2, 2009) [2.8s]

[√] Android toolchain - develop for Android devices (Android SDK version 34.0.0) [2.7s]
    • Android SDK at C:\Users\corey\AppData\Local\Android\sdk
    • Platform android-35, build-tools 34.0.0
    • Java binary at: C:\Program Files\Android\Android Studio\jbr\bin\java
      This is the JDK bundled with the latest Android Studio installation on this machine.
      To manually set the JDK path, use: `flutter config --jdk-dir="path/to/jdk"`.
    • Java version OpenJDK Runtime Environment (build 21.0.5+-12932927-b750.29)
    • All Android licenses accepted.

[√] Chrome - develop for the web [91ms]
    • Chrome at C:\Program Files\Google\Chrome\Application\chrome.exe

[√] Visual Studio - develop Windows apps (Visual Studio Community 2022 17.8.3) [90ms]
    • Visual Studio at C:\Program Files\Microsoft Visual Studio\2022\Community
    • Visual Studio Community 2022 version 17.8.34330.188
    • Windows 10 SDK version 10.0.22621.0

[√] Android Studio (version 2024.3) [13ms]
    • Android Studio at C:\Program Files\Android\Android Studio
    • 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
    • Java version OpenJDK Runtime Environment (build 21.0.5+-12932927-b750.29)

[√] VS Code, 64-bit edition (version 1.91.1) [12ms]
    • VS Code at C:\Program Files\Microsoft VS Code
    • Flutter extension version 3.112.0

[√] Connected device (4 available) [209ms]
    • sdk gphone64 x86 64 (mobile) • emulator-5554 • android-x64    • Android 16 (API 36) (emulator)
    • Windows (desktop)            • windows       • windows-x64    • Microsoft Windows [Version 10.0.26100.4351]
    • Chrome (web)                 • chrome        • web-javascript • Google Chrome 137.0.7151.120
    • Edge (web)                   • edge          • web-javascript • Microsoft Edge 137.0.3296.93

[√] Network resources [3.3s]
    • All expected network resources are available.

• No issues found!

Metadata

Metadata

Assignees

No one assigned

    Labels

    P2Important issues not at the top of the work listf: material designflutter/packages/flutter/material repository.found in release: 3.32Found to occur in 3.32found in release: 3.33Found to occur in 3.33frameworkflutter/packages/flutter repository. See also f: labels.has reproducible stepsThe issue has been confirmed reproducible and is ready to work onplatform-androidAndroid applications specificallyplatform-iosiOS applications specificallyr: fixedIssue is closed as already fixed in a newer versionteam-designOwned by Design Languages teamtriaged-designTriaged by Design Languages team

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions