[CanvasKit] HtmlElementView destroyed on resize #79065
Labels
a: quality
A truly polished experience
c: rendering
UI glitches reported at the engine/skia rendering level
e: web_canvaskit
CanvasKit (a.k.a. Skia-on-WebGL) rendering backend for Web
found in release: 2.0
Found to occur in 2.0
found in release: 2.1
Found to occur in 2.1
has reproducible steps
The issue has been confirmed reproducible and is ready to work on
platform-web
Web applications specifically
r: duplicate
Issue is closed as a duplicate of an existing issue
Bug
Only on CanvasKit,
HtmlElementView
s are destroyed on resize. This is a critical issue for us as it completely breaks using the embedded video player in full-screen.Steps to Reproduce
The integrated example is a bit complex, so here is a simplified version of it. It shows the same behavior.
As soon as you resize on CanvasKit, the
HtmlElementView
is destroyed. Doing the same using the HTML renderer works fine (the iframe is not reloaded).flutter create bug
.main.dart
as follows:flutter run -d chrome --web-renderer=html
flutter run -d chrome --web-renderer=canvaskit
Illustration
(Turn on sound for an explanation.)
Screen.Recording.2021-03-25.at.18.05.03.mov
Elaborate integrated example showing why this is critical (click to expand)
Integrated example
To illustrate why this is an issue in a real-world sense, here is an example:
Using HTML renderer
As you can see, I am able to use full-screen successfully. I am also able to zoom in a little or resize the window without the
HtmlElementView
being destroyed.Screen.Recording.2021-03-25.at.16.59.50.mov
Using CanvasKit renderer
As soon as I tap on full-screen, zoom in, or resize in any other way, the
HtmlElementView
is destroyed and it does not work at all.Screen.Recording.2021-03-25.at.17.01.06.mov
The text was updated successfully, but these errors were encountered: