Skip to content

[Web]: Changing the order of PlatformViews (iFrame) in a Stack causes the render to fail #101580

@durduman

Description

@durduman

Hi,

A possible fix would be to avoid using Keys in the Positioned widget (L: 42) but this would cause the internal state of the HtmlElementView (or other displayed items such as videos) to reset their state as they are actually disposed.

In the example below, maybe the usage of the platform factory is wrongly implemented or Keys aren't supposed to be used like this. However, I suspect this to be related to DOM & Flutter's SDK.

Example project for the issue.

Issue demoed

ezgif com-gif-maker

flutter doctor -v ``` $ flutter doctor -v [✓] Flutter (Channel stable, 2.10.4, on macOS 11.6 20G165 darwin-x64, locale en-GB) • Flutter version 2.10.4 at /Users/Durdu/Durdu/Home/development/flutter • Upstream repository https://github.com/flutter/flutter.git • Framework revision c860cba (2 weeks ago), 2022-03-25 00:23:12 -0500 • Engine revision 57d3bac3dd • Dart version 2.16.2 • DevTools version 2.9.2

[✓] Android toolchain - develop for Android devices (Android SDK version 31.0.0)
• Android SDK at /Users/Durdu/Library/Android/sdk
• Platform android-31, build-tools 31.0.0
• Java binary at: /Library/Java/JavaVirtualMachines/jdk1.8.0_25.jdk/Contents/Home/bin/java
• Java version Java(TM) SE Runtime Environment (build 1.8.0_25-b17)
• All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 13.2.1)
• Xcode at /Applications/Xcode.app/Contents/Developer
• CocoaPods version 1.11.2

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

[!] Android Studio (not installed)
• Android Studio not found; download from https://developer.android.com/studio/index.html
(or visit https://flutter.dev/docs/get-started/install/macos#android-setup for detailed instructions).

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

[✓] Connected device (1 available)
• Chrome (web) • chrome • web-javascript • Google Chrome 100.0.4896.75
! Error: iPhone is not connected. Xcode will continue when iPhone is connected. (code -13)

[✓] HTTP Host Availability
• All required HTTP hosts are available

! Doctor found issues in 1 category.

</details>

Related link:

[HtmlElementView](https://api.flutter.dev/flutter/widgets/HtmlElementView-class.html)

[platform-views-using-html-slots-web](https://docs.flutter.dev/release/breaking-changes/platform-views-using-html-slots-web)


Thanks in advance!

Metadata

Metadata

Assignees

Labels

P1High-priority issues at the top of the work listc: crashStack traces logged to the consolec: regressionIt was better in the past than it is nowe: web_canvaskitCanvasKit (a.k.a. Skia-on-WebGL) rendering backend for Webengineflutter/engine related. See also e: labels.found in release: 2.10Found to occur in 2.10found in release: 2.13Found to occur in 2.13found in release: 2.6Found to occur in 2.6found in release: 2.8Found to occur in 2.8has 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 version

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions