With EnsureSemantics(), a Scrollable Widget with Internal Widget with NeverScrollableScrollPhysics Causes Jerky Scrolling

Steps to reproduce

Have a web app with ensureSemantics ran
Have a listview with internal listview
Have the internal listview have NeverScrollableScrollPhysics()
Run web app and scroll

Expected results

Scroll is smooth

Actual results

Scroll jerks around/jumps when scrolling up or down

If ensureSemantics is removed or if GridView or ListView (with NeverScrollableScrollPhysics) is removed or replaced, scroll is smooth.

Code sample

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

void main() {
  WidgetsFlutterBinding.ensureInitialized();
  SemanticsBinding.instance.ensureSemantics();
  runApp(const TestApp());
}

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

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

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

  @override
  Widget build(BuildContext context) {
    return ListView(
      padding: EdgeInsets.zero,
      children: [
        SizedBox(
          height: 500.0,
          width: 400.0,
          child: ListView(
            scrollDirection: Axis.horizontal,
            physics: const NeverScrollableScrollPhysics(),
            children: [
              Container(color: Colors.red, height: 500, width: 100.0),
              Container(color: Colors.blue, height: 500, width: 100.0),
              Container(color: Colors.green, height: 500, width: 100.0),
            ],
          ),
        ),
        ...List.generate(
          20,
          (index) => ListTile(
            title: Text('Test Item $index'),
            leading: const Icon(Icons.list),
            trailing: const Icon(Icons.arrow_forward),
          ),
        ),
      ],
    );
  }
}

Screenshots or Video

Screenshots / Video demonstration

Screen.Recording.2024-11-19.at.4.17.44.PM.mov

Logs

[Paste your logs here]

Flutter Doctor output

Doctor output

Was able to repro on Flutter version 3.24.2 and 3.27.0-0.1.pre
Unable to repro on Flutter version 3.22.2

@emma-roudabush-disney

@emma-roudabush-disney Thanks for the report.

I was able to replicate this on latest master, but not in latest stable (3.24.5).

Master : 3.27.0-1.0.pre.628

159358_m.mov

stable : 3.24.5

159358_s.mov

Refactoring to avoid nesting ListViews is an available work around here while we investigate this issue:

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

void main() {
  WidgetsFlutterBinding.ensureInitialized();
  SemanticsBinding.instance.ensureSemantics();
  runApp(const TestApp());
}

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

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

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

  @override
  Widget build(BuildContext context) {
    return CustomScrollView(
      slivers: [
        SliverToBoxAdapter(
          child: Row(
            children: [
              Container(color: Colors.red, height: 500, width: 100.0),
              Container(color: Colors.blue, height: 500, width: 100.0),
              Container(color: Colors.green, height: 500, width: 100.0),
            ],
          ),
        ),
        SliverList.list(
          children: List.generate(
            20,
            (index) => ListTile(
              title: Text('Test Item $index'),
              leading: const Icon(Icons.list),
              trailing: const Icon(Icons.arrow_forward),
            ),
          ),
        ),
      ],
    );
  }
}

[web:a11y] wheel events switch to pointer mode (#163582)

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 -v and a minimal reproduction of the issue.

Navigation Menu

Repository navigation

With EnsureSemantics(), a Scrollable Widget with Internal Widget with NeverScrollableScrollPhysics Causes Jerky Scrolling #159358

Steps to reproduce

Expected results

Actual results

Code sample

Screenshots or Video

Logs

Flutter Doctor output

4 remaining items

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

With EnsureSemantics(), a Scrollable Widget with Internal Widget with NeverScrollableScrollPhysics Causes Jerky Scrolling #159358

Description

Steps to reproduce

Expected results

Actual results

Code sample

Screenshots or Video

Logs

Flutter Doctor output

Activity

darshankawar commented on Nov 25, 2024

Piinks commented on Dec 6, 2024

4 remaining items

github-actions commented on Mar 6, 2025

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions