Repository navigation
Scrollbar of MenuAnchor works incorrectly #188155
Description
Steps to reproduce
- run my attached example code below
- tap on
Open Menubutton - scroll the displayed menus list all the way down the bottom
Expected results
the Scrollbar of MenuAnchor scrolls to its bottom when I scroll the menu items list to its end
Actual results
the Scrollbar of MenuAnchor get stuck
Code sample
Code sample
import 'package:flutter/material.dart';
void main() => runApp(const MyApp());
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
return const MaterialApp(
home: MenuControllerPage(),
);
}
}
class MenuControllerPage extends StatefulWidget {
const MenuControllerPage({super.key});
@override
State<MenuControllerPage> createState() => _MenuControllerPageState();
}
class _MenuControllerPageState extends State<MenuControllerPage> {
final MenuController _menuController = MenuController();
final ScrollController _scrollController = ScrollController();
@override
void dispose() {
_scrollController.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: const Text('MenuController Demo')),
body: Center(
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
MenuAnchor(
controller: _menuController,
style: const MenuStyle(
maximumSize: WidgetStatePropertyAll(Size.fromHeight(100)),
),
menuChildren: [
MenuItemButton(
onPressed: () {},
child: const Text('Demo 0'),
),
MenuItemButton(
onPressed: () {},
child: const Text('Demo 1'),
),
MenuItemButton(
onPressed: () {},
child: const Text('Demo 2'),
),
MenuItemButton(
onPressed: () {},
child: const Text('Demo end'),
),
],
builder: (context, controller, child) {
return ElevatedButton(
onPressed: () {
if (controller.isOpen) {
controller.close();
} else {
controller.open();
}
setState(() {});
},
child: Text(
controller.isOpen
? 'Close Menu'
: 'Open Menu',
),
);
},
),
],
),
),
);
}
}Screenshots or Video
Screenshots / Video demonstration
Flutter Doctor output
Doctor output
➜ 0 app flutter doctor -v
[✓] Flutter (Channel stable, 3.44.2, on macOS 15.5 24F74 darwin-arm64, locale en-VN) [474ms]
• Flutter version 3.44.2 on channel stable at /Applications/flutter
• Upstream repository https://github.com/flutter/flutter.git
• Framework revision c9a6c48423 (7 days ago), 2026-06-10 15:52:41 -0700
• Engine revision 77e2e94772
• Dart version 3.12.2
• DevTools version 2.57.0
• Feature flags: enable-web, enable-linux-desktop, enable-macos-desktop, enable-windows-desktop, enable-android, enable-ios,
cli-animations, enable-native-assets, enable-swift-package-manager, omit-legacy-version-file, enable-lldb-debugging,
enable-uiscene-migration
[✓] Android toolchain - develop for Android devices (Android SDK version 36.0.0) [1,794ms]
• Android SDK at /Users/nguyencuong/Library/Android/sdk
• Emulator version 36.2.12.0 (build_id 14214601) (CL:N/A)
• Platform android-36, build-tools 36.0.0
• Java binary at: /Applications/Android Studio.app/Contents/jbr/Contents/Home/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.8+-14018985-b1038.68)
• All Android licenses accepted.
[✓] Xcode - develop for iOS and macOS (Xcode 16.4) [1,397ms]
• Xcode at /Applications/Xcode.app/Contents/Developer
• Build 16F6
• CocoaPods version 1.16.2
[✓] Chrome - develop for the web [6ms]
• Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome
[✓] Connected device (3 available) [6.6s]
• sdk gphone16k arm64 (mobile) • emulator-5554 • android-arm64 • Android 17 (API 37) (emulator)
• macOS (desktop) • macos • darwin-arm64 • macOS 15.5 24F74 darwin-arm64
• Chrome (web) • chrome • web-javascript • Google Chrome 149.0.7827.155
! Error: Browsing on the local area network for Cuong’s iPhone (2). Ensure the device is unlocked and attached with a cable
or associated with the same local area network as this Mac.
The device must be opted into Developer Mode to connect wirelessly. (code -27)
[✓] Network resources [651ms]
• All expected network resources are available.
• No issues found!
Activity
suryaKommana2662 commentedon Jun 18, 2026
@cuong1112035 Thank you for the report. I tested the provided sample on both an Android emulator and a physical Android device, but I was unable to reproduce the reported scrollbar behavior.
Could you please specify the platform where you are seeing this issue (Android, iOS). also, please provide a screen recording demonstrating the issue and the steps leading up to it. This will help us better understand the behavior and investigate further.
Output:
cuong1112035 commentedon Jul 6, 2026
Could you please specify the platform where you are seeing this issue (Android, iOS)I'm using android emulator(Pixel 9a)
please provide a screen recording demonstrating the issue and the steps leading up to itvideo: https://photos.app.goo.gl/xA1TXbXenKWXksMaA
steps:
@suryaKommana2662
suryaKommana2662 commentedon Jul 6, 2026
@cuong1112035 Thanks for providing the additional information and screen recording. I was able to reproduce the issue using the provided sample on an Android emulator(Android 17 (API 37)) running the current stable Flutter release. When scrolling the menu items to the end, the scrollbar does not reach the bottom as expected. Routing to the
team-androidfor further investigation.Flutter Doctor Output
[material_ui] Fix MenuAnchor scrollbar safe-area padding (#12470)
github-actions commentedon Nov 5, 2026
This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of
flutter doctor -vand a minimal reproduction of the issue.