BouncingScrollPhysics Capturing all input until settled #145330
Description
Steps to reproduce
- Overscroll
- Try to click on the button while the scroll physics is settling
Expected results
I can tap on the button
Actual results
I cannot tap on the button
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(
home: Scaffold(
body: SafeArea(
child: ListView(
physics: const BouncingScrollPhysics(),
children: [
for (var i = 0; i < 100; i++)
ElevatedButton(onPressed: () {}, child: Text('ElevatedButton$i')),
],
),
),
),
);
}
}Screenshots or Video
I have two videos:
A Native iOS Settings app:
native.mp4
And a Flutter app:
2024-03-18.17-11-51.mp4
Overscrolling a native app and then attempting to tap on an active element makes the element receive input.
Flutter on the other hand consumes all the input and directs it to the scrollable that is settling. Making it impossible to tap on active widgets.
One bad way to avoid it, is by adding ClampedScrollPhysics to the scrollable. But that breaks immersion on iOS and I do not consider it a valid solution.
(I am showing it on Android due to the tap indicators)
The issue is also present in other Animated widgets e.g. TabBarView with any kind of scrolling. Slivers and others possibly too.
Flutter Doctor output
Doctor output
[✓] Flutter (Channel stable, 3.19.2, on macOS 14.3 23D56 darwin-arm64, locale
en-CZ)
• Flutter version 3.19.2 on channel stable at
/Users/michalhazdra/Flutter/flutter
• Upstream repository https://github.com/flutter/flutter.git
• Framework revision 7482962148 (3 weeks ago), 2024-02-27 16:51:22 -0500
• Engine revision 04817c99c9
• Dart version 3.3.0
• DevTools version 2.31.1
[✓] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
• Android SDK at /Users/michalhazdra/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.7+0-17.0.7b1000.6-10550314)
• 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.14.3
[✗] Chrome - develop for the web (Cannot find Chrome executable at
/Applications/Google Chrome.app/Contents/MacOS/Google Chrome)
! Cannot find Chrome. Try setting CHROME_EXECUTABLE to a Chrome executable.
[✓] Android Studio (version 2023.1)
• 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.7+0-17.0.7b1000.6-10550314)
[✓] IntelliJ IDEA Ultimate Edition (version 2023.2.3)
• IntelliJ at /Applications/IntelliJ IDEA.app
• 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.87.2)
• VS Code at /Applications/Visual Studio Code.app/Contents
• Flutter extension version 3.84.0
[✓] Connected device (3 available)
[✓] Network resources
• All expected network resources are available.