Repository: flutter
Issue: [Web] In iOS PWA, various elements at the bottom of the screen do not respond to user actions after focusing TextField and double tapped
Labels: a: text input,engine,platform-web,has reproducible steps,P2,c: parity,found in release: 3.3,found in release: 3.6,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
-->

After focus out the TextField and double tapped, bottom of the screen do not respond to user actions.
This causes various elements are not respond to tap. ( ex. Button, CheckBox…)
The issue is only occurred iOS PWA, and not on Android, iOS Safari(not PWA).
related: https://github.com/flutter/flutter/issues/111896

## Steps to Reproduce

<!-- Please include full steps to reproduce so that we can reproduce the problem. -->

1. Execute `flutter run -d chrome --release` on the code sample (To visualize the background area, run with removed Scaffold and `--release` added)
2. Focus on TextField and press the Done button to hide the software keyboard
3. Double tap at the bottom of screen
4. The blue background area is pushed up and the buttons covering the area are not respond (No ripple effects)
5. Double tap near the TextField
6. The blue background area is lowered and only buttons not included in that area respond to taps

**Expected results:** <!-- what did you want to see? -->
After the TextField focus out, various elements at the bottom of the screen respond to user interaction.

**Actual results:** <!-- what did you see? -->
After the TextField focus out, various elements at the bottom of the screen **do not** respond to user interaction.

<details>
<summary>Code Sample</summary>

```dart
import 'package:flutter/material.dart';

void main() => runApp(const MyApp());

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Column(
        children: [
          const TextField(
            decoration: InputDecoration(
              hintText: 'Enter Something',
            ),
          ),
          const Spacer(),
          SizedBox(
            height: 200,
            child: Column(
              mainAxisAlignment: MainAxisAlignment.spaceEvenly,
              children: [
                FractionallySizedBox(
                  widthFactor: 0.8,
                  child: ElevatedButton(
                    onPressed: () => {},
                    style: ElevatedButton.styleFrom(
                      backgroundColor: Colors.green,
                    ),
                    child: const Text('button1'),
                  ),
                ),
                FractionallySizedBox(
                  widthFactor: 0.8,
                  child: ElevatedButton(
                    onPressed: () => {},
                    style: ElevatedButton.styleFrom(
                      backgroundColor: Colors.green,
                    ),
                    child: const Text('button2'),
                  ),
                ),
              ],
            ),
          ),
        ],
      ),
    );
  }
}
```

</details>

<details>
<summary>flutter analyze</summary>
<!--
     Run `flutter analyze` and attach any output of that command below.
     If there are any analysis errors, try resolving them before filing this issue.
-->

```
Analyzing ios_pwa_keyboard_issue...                                     
No issues found! (ran in 1.0s)
```
</details>

<!-- Finally, paste the output of running `flutter doctor -v` here. -->
<details>
<summary>flutter doctor -v logs</summary>

```
[✓] Flutter (Channel stable, 3.3.8, on macOS 12.6 21G115 darwin-arm, locale ja-JP)
    • Flutter version 3.3.8 on channel stable at /Users/Ken/.asdf/installs/flutter/3.3.8-stable
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision 52b3dc25f6 (12 days ago), 2022-11-09 12:09:26 +0800
    • Engine revision 857bd6b74c
    • Dart version 2.18.4
    • DevTools version 2.15.0

[✓] Android toolchain - develop for Android devices (Android SDK version 33.0.0)
    • Android SDK at /Users/Ken/Library/Android/sdk
    • Platform android-33, build-tools 33.0.0
    • Java binary at: /Users/Ken/Library/Application Support/JetBrains/Toolbox/apps/AndroidStudio/ch-0/213.7172.25.2113.9014738/Android
      Studio.app/Contents/jre/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 11.0.13+0-b1751.21-8125866)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 14.1)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Build 14B47b
    • CocoaPods version 1.11.3

[✓] Chrome - develop for the web
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio (version 2021.3)
    • Android Studio at /Users/Ken/Library/Application Support/JetBrains/Toolbox/apps/AndroidStudio/ch-0/213.7172.25.2113.9014738/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.13+0-b1751.21-8125866)

[✓] Android Studio (version 2021.2)
    • Android Studio at /Users/Ken/Library/Application Support/JetBrains/Toolbox/apps/AndroidStudio/ch-0/212.5712.43.2112.8815526/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.12+0-b1504.28-7817840)

[✓] VS Code (version 1.73.1)
    • 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 (2 available)
    • macOS (desktop) • macos  • darwin-arm64   • macOS 12.6 21G115 darwin-arm
    • Chrome (web)    • chrome • web-javascript • Google Chrome 107.0.5304.110

[✓] HTTP Host Availability
    • All required HTTP hosts are available

• No issues found!
```

</details>


<!--
      Consider also attaching screenshots and/or videos to better
      illustrate the issue.

      You can upload them directly on GitHub.
      Beware that video file size is limited to 10MB.
-->

### Code Sample Demo (open in iOS PWA)

Capture with iPhone 13 Pro (iOS15.7), but also occurred iPhone 14 Pro (iOS16.1.1)

https://user-images.githubusercontent.com/2928837/203312077-ebe47a49-b053-4402-a320-cee0afc1d9ea.mp4

### Flutter Gallery Demo (open in iOS PWA)

This issue is also occurred in [Flutter Gallery Demo](https://gallery.flutter.dev/#/demo/text-field) site.

https://user-images.githubusercontent.com/2928837/203311359-aed6e93f-ff47-416f-96f3-98429d0c2ffa.mp4

Steps:
1. Tap Submit button (can respond)
2. Double tap background (nothing happens)
3. Tap Submit button (can respond)
4. Focus Re-type password TextField and focus out (start to steps to reproduce issue)
5. Double tap background
6. Tap Password TextField, but do not respond
7. Tap Re-type password TextField, but do not respond
8. Tap Submit button, but do not respond
9. Tap Email TextField and focus out (clear non-tapable area at the bottom of screen)
10. Tap Submit button, and can respond