Skip to content

Scrolling does not work in the embedded application on mobile #138985

@neuvyaz0k

Description

@neuvyaz0k

Is there an existing issue for this?

Steps to reproduce

Run app from this repo https://github.com/QQOld/embedded_app

Expected results

Normal scrolling in embedded app on mobile

Actual results

Scroll on mobile doesn't work (watch the attached video)

Details
At the moment I'm using iframe to embed flutter applications on the web. Its (iframe) problem is that there is no way (as far as I know) to link flutter and browser scrolling events. That is, scrolling the flutter app itself works fine, but we can't scroll a page with a flutter iframe by hovering over (or sliding over) the embedded flutter app. This is a rather kritical problem in my case.

After the advent of embedding a solution to this problem became possible, it seemed to me. I was able to handle flutter scroll events and scroll the browser if necessary. But then I noticed that scrolling on mobile is broken in principle, which makes embedding useless for me.

Code sample

Reproduction on GitHub

Screenshots or Video

Screenshots / Video demonstration
go_router-2023-11-24_18.08.36.mp4

Logs

No response

Flutter Doctor output

Doctor output
[✓] Flutter (Channel stable, 3.16.0, on Ubuntu 22.04.3 LTS 6.2.0-37-generic, locale ru_RU.UTF-8)
    • Flutter version 3.16.0 on channel stable at /home/qqold/sdk/flutter
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision db7ef5bf9f (9 дней назад), 2023-11-15 11:25:44 -0800
    • Engine revision 74d16627b9
    • Dart version 3.2.0
    • DevTools version 2.28.2

[✓] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
    • Android SDK at /home/qqold/Android/Sdk
    • Platform android-34, build-tools 34.0.0
    • Java binary at: /home/qqold/.local/share/JetBrains/Toolbox/apps/android-studio/jbr/bin/java
    • Java version OpenJDK Runtime Environment (build 17.0.6+0-17.0.6b829.9-10027231)
    • All Android licenses accepted.

[✓] Chrome - develop for the web
    • Chrome at google-chrome

[✓] Linux toolchain - develop for Linux desktop
    • Ubuntu clang version 14.0.0-1ubuntu1.1
    • cmake version 3.22.1
    • ninja version 1.10.1
    • pkg-config version 0.29.2

[✓] Android Studio (version 2022.3)
    • Android Studio at /home/qqold/.local/share/JetBrains/Toolbox/apps/android-studio
    • Flutter plugin version 76.3.2
    • 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.6b829.9-10027231)

[✓] IntelliJ IDEA Community Edition (version 2023.2)
    • IntelliJ at /home/qqold/.local/share/JetBrains/Toolbox/apps/intellij-idea-community-edition
    • Flutter plugin version 75.1.4
    • Dart plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/6351-dart

[✓] VS Code (version 1.84.2)
    • VS Code at /usr/share/code
    • Flutter extension can be installed from:
      🔨 https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter

[✓] Connected device (2 available)
    • Linux (desktop) • linux  • linux-x64      • Ubuntu 22.04.3 LTS 6.2.0-37-generic
    • Chrome (web)    • chrome • web-javascript • Google Chrome 119.0.6045.159

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

• No issues found!

Metadata

Metadata

Assignees

No one assigned

    Labels

    a: existing-appsIntegration with existing apps via the add-to-app flowengineflutter/engine related. See also e: labels.f: scrollingViewports, list views, slivers, etc.found in release: 3.16Found to occur in 3.16found in release: 3.17Found to occur in 3.17frameworkflutter/packages/flutter repository. See also f: labels.has reproducible stepsThe issue has been confirmed reproducible and is ready to work onplatform-webWeb applications specificallyr: fixedIssue is closed as already fixed in a newer versionteam-webOwned by Web platform team

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions