Unable to interact with widgets behind snack bars when insetPadding is set in SnackBarThemeData. #148566
Description
Steps to reproduce
- Copy the code sample provided below and paste into your
main.dartfile, replacing the existing code. - Run the application.
- Click the
Show snack barbutton to display a SnackBar widget. - While the SnackBar is visible, try the following actions:
- Click the
+button to increase the counter value. - If the text field is not focused, click inside it to focus it. If it's already focused, try selecting or deselecting the text (if any).
Expected results
Being able to interact normally with the widgets behind the snack bar.
Actual results
Unable to interact with the widgets behind the snack bar.
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 MaterialApp(
theme: ThemeData.dark().copyWith(
snackBarTheme: const SnackBarThemeData().copyWith(
showCloseIcon: true,
behavior: SnackBarBehavior.floating,
insetPadding: EdgeInsets.only(
bottom: MediaQuery.of(context).size.height * 0.7,
left: 16,
right: 16,
),
),
),
home: const Home(),
);
}
}
class Home extends StatefulWidget {
const Home({super.key});
@override
State<Home> createState() => _HomeState();
}
class _HomeState extends State<Home> {
int _counter = 0;
void _incrementCounter() {
setState(() {
_counter++;
});
}
@override
Widget build(BuildContext context) {
return Scaffold(
body: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
const Text(
'You have pushed the button this many times:',
),
const SizedBox(width: 8),
Text(
'$_counter',
style: const TextStyle(fontWeight: FontWeight.bold),
),
],
),
const SizedBox(width: 8),
ElevatedButton(
onPressed: _incrementCounter,
child: const Text('+'),
),
const TextField(
decoration: InputDecoration(
hintText: 'Enter text',
),
),
ElevatedButton(
onPressed: () => ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(
content: Text('Hello'),
),
),
style: ElevatedButton.styleFrom(
backgroundColor: Colors.blue,
),
child: const Text(
'Show snack bar',
style: TextStyle(color: Colors.white),
),
),
],
),
);
}
}Screenshots or Video
Screenshots / Video demonstration
[Upload media here]
Logs
Logs
[Paste your logs here]Flutter Doctor output
Doctor output
[✓] Flutter (Channel master, 3.22.0-36.0.pre.43, on macOS 14.3.1 23D60 darwin-arm64, locale en-OM)
• Flutter version 3.22.0-36.0.pre.43 on channel master at /Users/devpixel/Desktop/flutter
• Upstream repository https://github.com/hany-achraf/flutter.git
• FLUTTER_GIT_URL = https://github.com/hany-achraf/flutter.git
• Framework revision 167e65f97e (31 minutes ago), 2024-05-17 10:49:15 -0700
• Engine revision 17decdf125
• Dart version 3.5.0 (build 3.5.0-167.0.dev)
• DevTools version 2.36.0-dev.10
[✓] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
• Android SDK at /Users/devpixel/Library/Android/sdk
• Platform android-34, build-tools 34.0.0
• Java binary at: /Applications/Android Studio.app/Contents/jbr/Contents/Home/bin/java
• Java version OpenJDK Runtime Environment (build 17.0.9+0-17.0.9b1087.7-11185874)
• All Android licenses accepted.
[✓] Xcode - develop for iOS and macOS (Xcode 15.2)
• Xcode at /Applications/Xcode.app/Contents/Developer
• Build 15C500b
• CocoaPods version 1.15.2
[✓] Chrome - develop for the web
• Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome
[✓] Android Studio (version 2023.2)
• Android Studio at /Applications/Android Studio.app/Contents
• 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.9+0-17.0.9b1087.7-11185874)
[✓] VS Code (version 1.89.1)
• VS Code at /Applications/Visual Studio Code.app/Contents
• Flutter extension version 3.88.0
[✓] Connected device (4 available)
• iPhone 15 Pro Max (mobile) • 02954C8E-E4EB-4627-AD1D-4979AEE453C5 • ios •
com.apple.CoreSimulator.SimRuntime.iOS-17-2 (simulator)
• macOS (desktop) • macos • darwin-arm64 • macOS 14.3.1 23D60
darwin-arm64
• Mac Designed for iPad (desktop) • mac-designed-for-ipad • darwin • macOS 14.3.1 23D60
darwin-arm64
• Chrome (web) • chrome • web-javascript • Google Chrome 125.0.6422.60
[✓] Network resources
• All expected network resources are available.
• No issues found!