Repository: flutter
Issue: View is stretched when using canvaskit in an iFrame
Labels: engine,platform-web,c: rendering,e: web_canvaskit,has reproducible steps,P2,found in release: 3.10,team-web,triaged-web,found in release: 3.13

### Is there an existing issue for this?

- [X] I have searched the [existing issues](https://github.com/flutter/flutter/issues)
- [X] I have read the [guide to filing a bug](https://flutter.dev/docs/resources/bug-reports)

### Steps to reproduce

I have an Angular project, with an Iframe containing my Flutter Web project. I want to dynamically set the height of the iframe to make it look like a website, and not an embedded widget inside the iframe.

When running the project with the HTML renderer, the view is correctly displayed, accordingly to the size of the iframe set. However, using canvaskit, the whole Flutter view is stretched and blurred when I want to set a size of ~1150px or more, and then my whole application is stretched until the next resize of the iframe. And as my website contains a lot of animations, I need to use canvaskit

I have seen some similar issues : [#122541](https://github.com/flutter/flutter/issues/122541), I don't really know if this could be related?

I am running the Flutter project in 3.7.12, but I have tried 3.10.5 and the issue was still there.

Steps to reproduce : 

1. Create a Flutter project
2. Embedded it in an HTML Iframe
3. Build and run the project using canvaskit
4. Change the size of the iFrame dynamically (using a button and window.parent.postMessage for instance)

### Expected results

The view is not stretched, the iFrame is resized and when I scroll, it scrolls onto in the Angular project and not in the iFrame

### Actual results

The view is completely stretched, with the top of my view hidden by the header, and no possibility to scroll (the iFrame seems to be correctly resized, but content is stretched)

### Screenshots or Video


Current result : 

<img width="308" alt="Capture d’écran 2023-08-04 à 17 00 56" src="https://github.com/flutter/flutter/assets/61388583/7f532ef8-ed8b-4691-bcd0-45866c603299">

Expected result: 

<img width="308" alt="Capture d’écran 2023-08-04 à 17 02 08" src="https://github.com/flutter/flutter/assets/61388583/958a1459-70af-4ebb-b18c-06911165d082">



### Logs

_No response_

### Flutter Doctor output

<details><summary>Doctor output</summary>

```console
[✓] Flutter (Channel stable, 3.7.12, on macOS 13.2 22D49 darwin-arm64, locale fr-FR)
[!] Android toolchain - develop for Android devices (Android SDK version 33.0.0)
    ✗ cmdline-tools component is missing
      Run `path/to/sdkmanager --install "cmdline-tools;latest"`
      See https://developer.android.com/studio/command-line for more details.
    ✗ Android license status unknown.
      Run `flutter doctor --android-licenses` to accept the SDK licenses.
      See https://flutter.dev/docs/get-started/install/macos#android-setup for more details.
[✓] Xcode - develop for iOS and macOS (Xcode 14.3.1)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2021.3)
[✓] VS Code (version 1.79.2)
[✓] Connected device (4 available)
[✓] HTTP Host Availability
```

</details>