Skip to content

Iframed flutter web in a fixed position with a ListView in a SingleChildScrollView will share scrolling with the parent page #156985

Description

@erik-wayhaven

Steps to reproduce

  1. Wrap a ListView in a SingleChildScrollView
  2. Embed the flutter app on another website in a fixed position
  3. Hover over the flutter app and scroll

Expected results

Just the flutter app scrolls.

Actual results

The flutter app AND the parent website scrolls.

Code sample

Code sample

Here is the flutter app: https://dartpad.dev/?id=a2e11707d9d8b33fae7d1aa737feaf80
Here is an example of it embedded in a website: https://codepen.io/erik-wayhaven/pen/gOVWXzq
You may need to resize your window to get it to scroll.

Screenshots or Video

Screenshots / Video demonstration
Screen.Recording.2024-10-16.at.12.00.08.PM.mov

Logs

No response

Flutter Doctor output

Doctor output
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.24.1, on macOS 14.6.1 23G93 darwin-x64, locale en-US)
[✓] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
[✓] Xcode - develop for iOS and macOS (Xcode 16.0)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2023.2)
[✓] VS Code (version 1.94.1)
[✓] Connected device (2 available)
[✓] Network resources

• No issues found!

Metadata

Metadata

Assignees

Labels

Bot is counting down the days until it unassigns the issueP1High-priority issues at the top of the work listf: scrollingViewports, list views, slivers, etc.found in release: 3.24Found to occur in 3.24found in release: 3.27Found to occur in 3.27frameworkflutter/packages/flutter repository. See also f: labels.has reproducible stepsThe issue has been confirmed reproducible and is ready to work onplatform-webWeb applications specificallyteam-webOwned by Web platform teamtriaged-webTriaged by Web platform team

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions