BouncingScrollPhysics breaks further scrolling after content was scrolled off viewport

[mozochek]

Is there an existing issue for this?

• I have searched the existing issues
• I have read the guide to filing a bug

Steps to reproduce

1. Run code sample
2. Scroll content off the screen in any direction as in video
3. Release fingers of screen

Expected results

After releasing fingers ListView's content should return back to top of the screen and scrolling should keep applying physics.

Actual results

After releasing fingers ListView's content stays out of the screen in it's position and not jumped back to top of the screen. Also further scrolling stopped applying physics.

Code sample

Code sample

import 'package:flutter/material.dart';

class HomeScreen extends StatelessWidget {
  const HomeScreen({
    super.key,
  });

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('AppBar'),
      ),
      body: SafeArea(
        child: ListView.builder(
          physics: const BouncingScrollPhysics(),
          itemCount: 100,
          itemBuilder: (_, index) {
            return ListTile(
              title: Text('Element $index'),
            );
          },
        ),
      ),
    );
  }
}

Screenshots or Video

Screenshots / Video demonstration

New.project.mp4

Logs

No response

Flutter Doctor output

Doctor output

[!] Flutter (Channel unknown, 3.10.5, on Microsoft Windows [Version 10.0.19045.3208], locale ru-RU)
    ! Flutter version 3.10.5 on channel unknown at Y:\SDKs\flutter
      Currently on an unknown channel. Run `flutter channel` to switch to an official channel.
      If that doesn't fix the issue, reinstall Flutter by following instructions at
      https://flutter.dev/docs/get-started/install.
    ! Unknown upstream repository.
      Reinstall Flutter by following instructions at https://flutter.dev/docs/get-started/install.
    • Framework revision 796c8ef792 (6 weeks ago), 2023-06-13 15:51:02 -0700
    • Engine revision 45f6e00911
    • Dart version 3.0.5
    • DevTools version 2.23.1
    • If those were intentional, you can disregard the above warnings; however it is recommended to use "git" directly
      to perform update checks and upgrades.

[√] Windows Version (Installed version of Windows is version 10 or higher)

[√] Android toolchain - develop for Android devices (Android SDK version 33.0.2)
    • Android SDK at Y:\SDKs\Android
    • Platform android-33-ext5, build-tools 33.0.2
    • ANDROID_HOME = Y:\SDKs\Android
    • Java binary at: Y:\Programs\Android Studio\jbr\bin\java
    • Java version OpenJDK Runtime Environment (build 17.0.6+0-b2043.56-9586694)
    • All Android licenses accepted.

[X] Chrome - develop for the web (Cannot find Chrome executable at .\Google\Chrome\Application\chrome.exe)
    ! Cannot find Chrome. Try setting CHROME_EXECUTABLE to a Chrome executable.

[√] Visual Studio - develop for Windows (Visual Studio Community 2022 17.2.6)
    • Visual Studio at O:\Programs\Microsoft Visual Studio\2022\Community
    • Visual Studio Community 2022 version 17.2.32630.192
    • Windows 10 SDK version 10.0.19041.0

[√] Android Studio (version 2022.2)
    • Android Studio at Y:\Programs\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)

[√] IntelliJ IDEA Community Edition (version 2023.1)
    • IntelliJ at Y:\Programs\IntelliJ IDEA
    • Flutter plugin version 74.0.4
    • Dart plugin version 231.9392.3

[√] Connected device (2 available)
    • Windows (desktop) • windows • windows-x64    • Microsoft Windows [Version 10.0.19045.3208]
    • Edge (web)        • edge    • web-javascript • Microsoft Edge 115.0.1901.183
    ! Device 192.168.0.194:5555 is offline.

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

! Doctor found issues in 2 categories.

[mozochek]

Wrap the ListView.builder() with a SingleChildScrollView() to make the list scroll back to the top. The SingleChildScrollView() will provide the bounce-back effect when you scroll the list.

No, I do not need to do this and this does not solve the problem.

[dam-ease]

Hi @mozochek. I'm unable to take all the content of the list off the screen on my physical iOS device but with only one element on the screen, the list still bounces back on release, can you provide more information on this issue?
Most specifically:

• Does this reproduce only on Android? Also, can you provide more information on the device you're reproducing this on.
• Can you switch to the latest master channel to confirm this issue still persists?

Thank you!

[mozochek]

@dam-ease
I have reproduced this issue on master channel.
I don't have iOS device so I am unable to reproduce this issue on iOS.
My device is Honor 50 with Magic UI 6.0(Android 12).

Screencast

debug	release
New.project.mp4	New.project1.mp4

flutter doctor -v

[√] Flutter (Channel master, 3.13.0-11.0.pre.27, on Microsoft Windows [Version 10.0.19045.3208], locale ru-RU)
    • Flutter version 3.13.0-11.0.pre.27 on channel master at Y:\SDKs\flutter
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision e81907e07a (35 minutes ago), 2023-07-28 08:04:19 -0700
    • Engine revision e97014c710
    • Dart version 3.2.0 (build 3.2.0-11.0.dev)
    • DevTools version 2.25.0

[√] Windows Version (Installed version of Windows is version 10 or higher)

[√] Android toolchain - develop for Android devices (Android SDK version 33.0.2)
    • Android SDK at Y:\SDKs\Android
    • Platform android-33-ext5, build-tools 33.0.2
    • ANDROID_HOME = Y:\SDKs\Android
    • Java binary at: Y:\Programs\Android Studio\jbr\bin\java
    • Java version OpenJDK Runtime Environment (build 17.0.6+0-b2043.56-9586694)
    • All Android licenses accepted.

[X] Chrome - develop for the web (Cannot find Chrome executable at .\Google\Chrome\Application\chrome.exe)
    ! Cannot find Chrome. Try setting CHROME_EXECUTABLE to a Chrome executable.

[√] Visual Studio - develop Windows apps (Visual Studio Community 2022 17.2.6)
    • Visual Studio at O:\Programs\Microsoft Visual Studio\2022\Community
    • Visual Studio Community 2022 version 17.2.32630.192
    • Windows 10 SDK version 10.0.19041.0

[√] Android Studio (version 2022.2)
    • Android Studio at Y:\Programs\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)

[√] IntelliJ IDEA Community Edition (version 2023.2)
    • IntelliJ at Y:\Programs\IntelliJ IDEA
    • Flutter plugin version 74.0.5
    • Dart plugin version 232.8660.129

[√] Connected device (3 available)
    • NTH NX9 (mobile)  • 192.168.0.194:5555 • android-arm64  • Android 12 (API 31)
    • Windows (desktop) • windows            • windows-x64    • Microsoft Windows [Version 10.0.19045.3208]
    • Edge (web)        • edge               • web-javascript • Microsoft Edge 115.0.1901.183

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

! Doctor found issues in 1 category.

Code sample

import 'package:flutter/material.dart';

void main() {
  runApp(const App());
}

class App extends StatelessWidget {
  const App({
    super.key,
  });

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: const HomeScreen(),
    );
  }
}

class HomeScreen extends StatelessWidget {
  const HomeScreen({
    super.key,
  });

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('AppBar'),
      ),
      body: SafeArea(
        child: ListView.builder(
          physics: const BouncingScrollPhysics(),
          itemCount: 100,
          itemBuilder: (_, index) {
            return ListTile(
              title: Text('Element $index'),
            );
          },
        ),
      ),
    );
  }
}

[dam-ease]

Hi @mozochek. Thanks for these. I tried reproducing this on an Android device (Android 12) and still can't reproduce it (video below). On iOS, I am unable to scroll off the viewport. Are there any steps in reproducing this that I might have missed?

VIDEO-2023-07-31-11-17-13.mp4

[mozochek]

@dam-ease I think you need to push it little bit deeper, so it should be out of cache extent

IMG_6203.MP4

[dam-ease]

Hi @mozochek. Thanks for your patience but I still can't reproduce it on my devices, not sure if this might be device-specific. Also, can you please provide the code sample used here #131479 (comment) maybe it could be easily reproduced with that.

[mozochek]

Hi @mozochek. Thanks for your patience but I still can't reproduce it on my devices, not sure if this might be device-specific. Also, can you please provide the code sample used here #131479 (comment) maybe it could be easily reproduced with that.

Since this video was captured on iOS, BouncingScrollPhysics was applied by default.

class HomeScreen extends StatelessWidget {
  const HomeScreen({
    super.key,
  });

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('AppBar'),
      ),
      body: SafeArea(
        child: SizedBox(
          height: 300,
          child: ListView.builder(
            itemCount: 100,
            cacheExtent: 0,
            itemBuilder: (_, index) {
              return ListTile(
                tileColor: Colors.blue.withOpacity(0.3),
                title: Text('Element $index'),
              );
            },
          ),
        ),
      ),
    );
  }
}

[dam-ease]

Hi @mozochek. Thanks for your response. I tried reproducing this on my iOS device (iPhone X) as well. Tried pushing completely out of cache on Android as well but the list bounces back as it should. Are there any additional reproduction steps to take the blue container out of screen?

Android	iOS
WhatsApp.Video.2023-08-02.at.10.17.30.AM.mp4	RPReplay_Final1690967998.MP4

Code Sample Used

import 'package:flutter/material.dart';
import 'dart:async';

import 'package:flutter/material.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart';

void main() {
  runApp(const App());
}

class App extends StatelessWidget {
  const App({super.key});

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      home: Scaffold(
        body: HomeScreen(),
      ),
    );
  }
}

class HomeScreen extends StatelessWidget {
  const HomeScreen({
    super.key,
  });

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('AppBar'),
      ),
      body: SafeArea(
        child: SizedBox(
          height: 300,
          child: ListView.builder(
            itemCount: 100,
            cacheExtent: 0,
            physics: BouncingScrollPhysics(),
            itemBuilder: (_, index) {
              return ListTile(
                tileColor: Colors.blue.withOpacity(0.3),
                title: Text('Element $index'),
              );
            },
          ),
        ),
      ),
    );
  }
}

stable, master flutter doctor -v

[✓] Flutter (Channel stable, 3.10.6, on macOS 13.0 22A380 darwin-arm64, locale en-NG)
    • Flutter version 3.10.6 on channel stable at /Users/damilolaalimi/sdks/flutter
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision f468f3366c (3 weeks ago), 2023-07-12 15:19:05 -0700
    • Engine revision cdbeda788a
    • Dart version 3.0.6
    • DevTools version 2.23.1

[✓] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
    • Android SDK at /Users/damilolaalimi/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.6+0-17.0.6b802.4-9586694)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 14.3.1)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Build 14E300c
    • CocoaPods version 1.12.1

[✓] Chrome - develop for the web
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio (version 2022.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.6+0-17.0.6b802.4-9586694)

[✓] VS Code (version 1.80.1)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.50.0

[✓] Connected device (4 available)
    • sdk gphone64 arm64 (mobile) • emulator-5554                        • android-arm64  • Android 14
      (API 34) (emulator)
    • iPhone 14 (mobile)          • 1A122DE2-0CAB-4C3E-A395-691BF27D626F • ios            •
      com.apple.CoreSimulator.SimRuntime.iOS-16-4 (simulator)
    • macOS (desktop)             • macos                                • darwin-arm64   • macOS 13.0
      22A380 darwin-arm64
    • Chrome (web)                • chrome                               • web-javascript • Google
      Chrome 115.0.5790.114

[✓] Network resources
    • All expected network resources are available.

• No issues found!

[✓] Flutter (Channel master, 3.13.0-16.0.pre.21, on macOS 13.0 22A380 darwin-arm64, locale en-NG)
    • Flutter version 3.13.0-16.0.pre.21 on channel master at /Users/damilolaalimi/fvm/versions/master
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision e8ebbfa2a8 (33 minutes ago), 2023-08-02 07:29:08 +0000
    • Engine revision 9dae7b708b
    • Dart version 3.2.0 (build 3.2.0-22.0.dev)
    • DevTools version 2.25.0

[✓] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
    • Android SDK at /Users/damilolaalimi/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.6+0-17.0.6b802.4-9586694)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 14.3.1)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Build 14E300c
    • CocoaPods version 1.12.1

[✓] Chrome - develop for the web
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio (version 2022.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.6+0-17.0.6b802.4-9586694)

[✓] VS Code (version 1.80.1)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.50.0

[✓] Connected device (4 available)
    • sdk gphone64 arm64 (mobile) • emulator-5554                        • android-arm64  • Android 14 (API 34) (emulator)
    • iPhone 14 (mobile)          • 1A122DE2-0CAB-4C3E-A395-691BF27D626F • ios            • com.apple.CoreSimulator.SimRuntime.iOS-16-4 (simulator)
    • macOS (desktop)             • macos                                • darwin-arm64   • macOS 13.0 22A380 darwin-arm64
    • Chrome (web)                • chrome                               • web-javascript • Google Chrome 115.0.5790.114

[✓] Network resources
    • All expected network resources are available.

• No issues found!