Repository: flutter
Issue: Flutter web application wierd behaviour regarding keyboard. (Android web broswer & IOS Web Broswer)
Labels: a: text input,engine,a: quality,platform-web,c: rendering,has reproducible steps,P2,found in release: 3.7,team-web,triaged-web

When i set resizeToAvoidBottomInset: false keyboard hides field as you can see the video 1.  

<details>
<summary>Code sample</summary>

```dart
 @override
  Widget build(BuildContext context) {
    return Scaffold(
      resizeToAvoidBottomInset: false,
      body: SingleChildScrollView(
          child: Padding(
        padding: const EdgeInsets.all(20.0),
        child: textFieldsWidgets(context),
      )),
    );
  }

  Widget textFieldsWidgets(BuildContext context) {
    return Form(
      key: _accountDetailsFormKey,
      child: Container(
        color: Colors.red,
        child: Column(
          mainAxisAlignment: MainAxisAlignment.start,
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            TextFormField(
              decoration: const InputDecoration(
                  hintText: 'TextFormField - Hint text 01'),
            ),
            VSpace.spacing_semi,
            TextFormField(
              decoration: const InputDecoration(
                  hintText: 'TextFormField - Hint text 02'),
            ),
            VSpace.spacing_semi,
            TextFormField(
              decoration: const InputDecoration(
                  hintText: 'TextFormField - Hint text 03'),
            ),
            VSpace.spacing_semi,
            TextFormField(
              decoration: const InputDecoration(
                  hintText: 'TextFormField - Hint text 04'),
            ),
            VSpace.spacing_semi,
            TextFormField(
              decoration: const InputDecoration(
                  hintText: 'TextFormField - Hint text 05'),
            ),
            VSpace.spacing_semi,
            TextFormField(
              decoration: const InputDecoration(
                  hintText: 'TextFormField - Hint text 06'),
            ),
            VSpace.spacing_semi,
            TextFormField(
              decoration: const InputDecoration(
                  hintText: 'TextFormField - Hint text 07'),
            ),
            VSpace.spacing_semi,
            TextFormField(
              decoration: const InputDecoration(
                  hintText: 'TextFormField - Hint text 08'),
            ),
            VSpace.spacing_semi,
            TextFormField(
              decoration: const InputDecoration(
                  hintText: 'TextFormField - Hint text 09'),
            ),
            VSpace.spacing_semi,
            TextFormField(
              decoration: const InputDecoration(
                  hintText: 'TextFormField - Hint text 10'),
            ),
            VSpace.spacing_semi,
            TextFormField(
              decoration: const InputDecoration(
                  hintText: 'TextFormField - Hint text 11'),
            ),
          ],
        ),
      ),
    );
  }
```

</details>

**Video One**

https://user-images.githubusercontent.com/33020030/214242597-4bc3a6b9-b260-49ad-862e-169a3453f627.mov


When i remove resizeToAvoidBottomInset: false from Scaffold then i can see extra space above the keyboard as you can see the below image.


<img width="300" alt="Screenshot 2023-01-24 at 11 16 46 AM" src="https://user-images.githubusercontent.com/33020030/214242415-b66ff08f-fc0c-4547-b05f-e84a20d1c868.png">