Repository navigation
Menu Bar Keyboard Traversal Issues #150334
Description
Steps to reproduce
- Create Home Page with MenuBar
- Run app on Flutter Web
- Click on Submenu Button
- Keyboard Traversal works initially
- Press Escape to close menu
- Again click on submenu button
- Keyboard traversal stops working
Expected results
Keyboard Traversal (arrow up, arrow down, left, right) should work
Actual results
Keyboard Traversal does not work
Code sample
Code sample
Future<void> main() async {
runApp(MaterialApp(
initialRoute: "/",
routes: {
"/": (context) => const Home(),
},
));
}
class Home extends StatefulWidget {
const Home({super.key});
@override
State<Home> createState() => _HomeState();
}
class _HomeState extends State<Home> {
@override
Widget build(BuildContext context) {
return Scaffold(
body: Column(
children: [
Row(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
Expanded(
child: MenuBar(
children: <Widget>[
SubmenuButton(
menuChildren: <Widget>[
MenuItemButton(
onPressed: () {
showAboutDialog(
context: context,
applicationName: 'MenuBar Sample',
applicationVersion: '1.0.0',
);
},
child: const MenuAcceleratorLabel('&About'),
),
MenuItemButton(
onPressed: () {
ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(
content: Text('Saved!'),
),
);
},
child: const MenuAcceleratorLabel('&Save'),
),
MenuItemButton(
onPressed: () {
ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(
content: Text('Quit!'),
),
);
},
child: const MenuAcceleratorLabel('&Quit'),
),
],
child: const MenuAcceleratorLabel('&File'),
),
SubmenuButton(
menuChildren: <Widget>[
MenuItemButton(
onPressed: () {
ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(
content: Text('Magnify!'),
),
);
},
child: const MenuAcceleratorLabel('&Magnify'),
),
MenuItemButton(
onPressed: () {
ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(
content: Text('Minify!'),
),
);
},
child: const MenuAcceleratorLabel('Mi&nify'),
),
],
child: const MenuAcceleratorLabel('&View'),
),
],
),
),
],
),
],
),
);
}
}Screenshots or Video
Screenshots / Video demonstration
munu_bar_bug.mp4
Logs
Logs
[Paste your logs here]Flutter Doctor output
Doctor output
[√] Flutter (Channel stable, 3.22.2, on Microsoft Windows [Version 10.0.22621.3593], locale en-IN)
• Flutter version 3.22.2 on channel stable at C:\Users\Admin\fvm\versions\3.22.2
• Upstream repository https://github.com/flutter/flutter.git
• Framework revision 761747bfc5 (11 days ago), 2024-06-05 22:15:13 +0200
• Engine revision edd8546116
• Dart version 3.4.3
• DevTools version 2.34.3
[√] Windows Version (Installed version of Windows is version 10 or higher)
Windows PowerShell
[√] Android toolchain - develop for Android devices (Android SDK version 33.0.1)
• Android SDK at C:\Users\Admin\AppData\Local\Android\sdk
• Platform android-34, build-tools 33.0.1
• Java binary at: C:\Program Files\Android\Android Studio\jbr\bin\java
• Java version OpenJDK Runtime Environment (build 17.0.6+0-b2043.56-9586694)
• All Android licenses accepted.
[√] Chrome - develop for the web
• Chrome at C:\Program Files\Google\Chrome\Application\chrome.exe
[√] Visual Studio - develop Windows apps (Visual Studio Community 2022 17.9.1)
• Visual Studio at C:\Program Files\Microsoft Visual Studio\2022\Community
• Visual Studio Community 2022 version 17.9.34616.47
• Windows 10 SDK version 10.0.22621.0
[√] Android Studio (version 2022.2)
• 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 17.0.6+0-b2043.56-9586694)
[√] VS Code (version 1.89.1)
• VS Code at C:\Users\Admin\AppData\Local\Programs\Microsoft VS Code
• Flutter extension version 3.90.0
[√] Connected device (3 available)
• Windows (desktop) • windows • windows-x64 • Microsoft Windows [Version 10.0.22621.3593]
• Chrome (web) • chrome • web-javascript • Google Chrome 126.0.6478.61
• Edge (web) • edge • web-javascript • Microsoft Edge 125.0.2535.85
[√] Network resources
• All expected network resources are available.
• No issues found!
Activity
danagbemava-nc commentedon Jun 17, 2024
Reproducible using the code sample provided above.
This is not specific to the web as I was able to reproduce it on macOS as well.
Labeling for further investigation
flutter doctor -v
davidhicks980 commentedon Jun 17, 2024
If this has not already been assigned to a team member, I have a fix for this issue along with several other focus issues that I'll PR within the next few days.
Piinks commentedon Jun 20, 2024
Thank you @davidhicks980! No one is working on it right now, so if you have a fix, it would be greatly appreciated!
[material/menu_anchor.dart] MenuAnchor focus refactoring for RawMenuA…
[material/menu_anchor.dart] MenuAnchor focus refactoring for RawMenuA…
[material/menu_anchor.dart] MenuAnchor focus refactoring for RawMenuA…
KaushikGupta007 commentedon Sep 9, 2024
Hi team,
I wanted to follow up on this issue to see if there has been any progress or if additional information is needed from my side to help with the resolution. I understand that you're likely busy with many other requests, but I'd appreciate any updates or guidance on next steps.
Thank you for your time and support!
bleroux commentedon Sep 10, 2024
@KaushikGupta007 It seems this issue was fixed in #150950.
It would help if you can confirm it is fixed. Please verify on the flutter master channel.
github-actions commentedon Oct 1, 2024
Without additional information, we are unfortunately not sure how to resolve this issue. We are therefore reluctantly going to close this bug for now.
If you find this problem please file a new issue with the same description, what happens, logs and the output of 'flutter doctor -v'. All system setups can be slightly different so it's always better to open new issues and reference the related ones.
Thanks for your contribution.
github-actions commentedon Oct 15, 2024
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.