Repository: flutter
Issue: Keyboard issue on mobile Web platform
Labels: a: text input,platform-ios,customer: crowd,platform-web,has reproducible steps,P2,browser: safari-ios,browser: chrome-android,found in release: 3.7,found in release: 3.10,team-web,triaged-web

<!-- Thank you for using Flutter!

     If you are looking for support, please check out our documentation
     or consider asking a question on Stack Overflow:
      * https://flutter.dev/
      * https://api.flutter.dev/
      * https://stackoverflow.com/questions/tagged/flutter?sort=frequent

     If you have found a bug or if our documentation doesn't have an answer
     to what you're looking for, then fill out the template below. Please read
     our guide to filing a bug first: https://flutter.dev/docs/resources/bug-reports
-->

## Steps to Reproduce

Create a simple app where text editing aligns at the bottom. 

1. After creating the app, upload it on the web and open the Flutter app on the iPhone mobile browser. 
2. Execute the command "flutter build web --web-renderer canvaskit" on the code sample and upload it to the server. You can also check it on https://api.de-team.com/flutter/. 
3. Open the app on the mobile browser. For example, open it on Safari. Tap on the blue editable field. 

**Expected results:**
The expectation is that the keyboard will show up and the blue field will align above the keyboard. 

**Actual results:** 
However, the actual results are that all content has bottom insets and there exists extra space between the keyboard and the app content widget. You need to fix this issue to ensure the app performs as expected.


<details>
<summary>
Sample code
</summary>



```dart
import 'package:flutter/material.dart';

void main() {
  runApp(MaterialApp(
    builder: (context, child) => const MyApp(),
  ));
}

class MyApp extends StatefulWidget {
  const MyApp({super.key});

  @override
  State<StatefulWidget> createState() {
    return _MyAppState();
  }
}

class _MyAppState extends State<MyApp> {
  @override
  Widget build(BuildContext context) {
    return Container(
      color: Colors.blueAccent,
      child: Column(
        children: [
          const Spacer(),
          Text(
            'Media query inset vertical ${MediaQuery.of(context).viewInsets.vertical}',
            style: const TextStyle(fontSize: 14, color: Colors.black),
          ),
          Padding(
            padding: EdgeInsets.only(bottom: MediaQuery.of(context).viewInsets.vertical),
            child: Container(
              padding: const EdgeInsets.all(16),
              color: Colors.indigo,
              child: EditableText(
                controller: TextEditingController(),
                focusNode: FocusNode(),
                style: const TextStyle(fontSize: 14, color: Colors.black),
                cursorColor: Colors.white,
                backgroundCursorColor: Colors.transparent,
              ),
            ),
          ),
        ],
      ),
    );
  }
}
```

Another example, same result
```dart
import 'package:flutter/material.dart';

void main() {
  runApp(MaterialApp(
    builder: (context, child) => const MyApp(),
  ));
}

class MyApp extends StatefulWidget {
  const MyApp({super.key});

  @override
  State<StatefulWidget> createState() {
    return _MyAppState();
  }
}

class _MyAppState extends State<MyApp> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        children: [
          const Spacer(),
          Container(
            padding: const EdgeInsets.all(16),
            color: Colors.indigo,
            child: EditableText(
              controller: TextEditingController(),
              focusNode: FocusNode(),
              style: const TextStyle(fontSize: 14, color: Colors.black),
              cursorColor: Colors.white,
              backgroundCursorColor: Colors.transparent,
            ),
          ),
        ],
      ),
    );
  }
}
```

</details>

<details>
  
<!-- Finally, paste the output of running `flutter doctor -v` here. -->

```
flutter doctor -v
[✓] Flutter (Channel stable, 3.7.9, on macOS 13.2.1 22D68 darwin-arm64, locale en-RU)
    • Flutter version 3.7.9 on channel stable at /Users/rain/Dev/sdk/flutter
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision 62bd79521d (6 days ago), 2023-03-30 10:59:36 -0700
    • Engine revision ec975089ac
    • Dart version 2.19.6
    • DevTools version 2.20.1

[✓] Android toolchain - develop for Android devices (Android SDK version 33.0.2)
    • Android SDK at /Users/rain/Library/Android/sdk
    • Platform android-33, build-tools 33.0.2
    • Java binary at: /Applications/Android Studio.app/Contents/jbr/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 11.0.15+0-b2043.56-8887301)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 14.2)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Build 14C18
    • CocoaPods version 1.12.0

[✓] Chrome - develop for the web
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio (version 2022.1)
    • Android Studio at /Applications/Android Studio.app/Contents
    • Flutter plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/6351-dart
    • Java version OpenJDK Runtime Environment (build 11.0.15+0-b2043.56-8887301)

[✓] IntelliJ IDEA Community Edition (version 2022.3.3)
    • IntelliJ at /Applications/IntelliJ IDEA CE.app
    • Flutter plugin version 72.1.4
    • Dart plugin version 223.8888

[✓] VS Code (version 1.77.0)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension can be installed from:
      🔨 https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter

[✓] Connected device (3 available)
    • iPhone 14 Pro Max (mobile) • 6072A3F4-985F-4748-AC2E-9E71BE2C2C60 • ios            • com.apple.CoreSimulator.SimRuntime.iOS-16-2 (simulator)
    • macOS (desktop)            • macos                                • darwin-arm64   • macOS 13.2.1 22D68 darwin-arm64
    • Chrome (web)               • chrome                               • web-javascript • Google Chrome 111.0.5563.146

[✓] HTTP Host Availability
    • All required HTTP hosts are available

• No issues found!

```

</details>



https://user-images.githubusercontent.com/1499945/230101665-bec83ede-6ae3-4d3a-9884-d7cf5c42bb98.mov