Repository: flutter
Issue: IOS Facebook\Instagram WebView bottom bar overlaps FAB 
Labels: engine,platform-web,c: rendering,e: web_html,P3,browser: safari-ios,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

1. Create a flutter web project with FAB and `extendBodyBehindAppBar`
2. Start this project as a local server `flutter run -d web-server --web-hostname 192.168.0.6 --web-port 80 --web-renderer html`
3. Put generated link in your facebook or instagram home page.
4. Click this link to open project inside instagram webview

### Expected results

It should show normal and working UI

### Actual results

It shows broken UI (Not 100% reproduce, random rate) only in IOS instagram WebView, when i open it through safari or chrome this issue don't appear.

### Code sample

<details><summary>Code sample</summary>

```dart
//flutter run -d web-server --web-hostname 192.168.0.6 --web-port 80 --web-renderer html
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';

import 'package:web_browser_detect/web_browser_detect.dart';
import 'package:responsive_framework/responsive_framework.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: false,
      ),
      home: const MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});

  final String title;

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    Size size = MediaQuery.of(context).size;
    bool? resizeToAvoidBottomInset;
    String browserName = "";
    if (kIsWeb) {
      final browser = Browser();
      //print('-->${browser.browser} ${browser.version}');
      browserName = browser.browser;
      resizeToAvoidBottomInset =
          browser.browser.toLowerCase().contains("safari") ? true : false;
    }

    final isMobile = true;
    //ResponsiveWrapper.of(context).isMobile;
    //final double appBarHeight = isMobile ? 15.h : 30.h;
    final double appBarHeight = isMobile
        ? MediaQuery.of(context).size.height * 0.15
        : MediaQuery.of(context).size.height * 0.3;

    return SafeArea(
      child: Scaffold(
          resizeToAvoidBottomInset: false,
          extendBodyBehindAppBar: true,
          extendBody: true,
          appBar: PreferredSize(
              preferredSize: Size(double.infinity, appBarHeight),
              child: Container(
                height: appBarHeight,
                child: Text("appbar"),
              )),
          /*ppBar(
            title: Text("AppBar"),),*/

          body: ListView(
            children: [
              Container(
                padding: null,
                child: Column(
                  children: [
                    Padding(
                      padding: EdgeInsets.symmetric(horizontal: 32),
                      child: Column(
                        children: [
                          Padding(
                            padding: const EdgeInsets.all(8.0),
                            child: Container(
                              height: size.height * 0.5,
                              color: Colors.amber,
                              child: Text("espaço 1"),
                            ),
                          ),
                          Padding(
                            padding: const EdgeInsets.all(8.0),
                            child: Container(
                              height: size.height * 0.5,
                              color: Colors.blue,
                              child: Text("espaço 2"),
                            ),
                          ),
                          ListView(
                            //physics: NeverScrollableScrollPhysics(),
                            shrinkWrap: true,
                            children: [
                              Center(
                                child: Column(
                                  mainAxisAlignment: MainAxisAlignment.center,
                                  children: <Widget>[
                                    Text(
                                      '$browserName',
                                    ),
                                    Text(
                                      ' text',
                                      style: Theme.of(context)
                                          .textTheme
                                          .headlineMedium,
                                    ),
                                  ],
                                ),
                              ),
                            ],
                          ),
                        ],
                      ),
                    ),
                    Container(
                      color: Colors.green,
                      child: Text("footer"),
                    ),
                  ],
                ),
              ),
            ],
          ),
          floatingActionButton: FloatingActionButton(
            onPressed: () {
              ;
            },
            child: FaIcon(
              FontAwesomeIcons.whatsapp,
              //color: textPrimary,
              size: 30,
            ),
          ),
          bottomSheet: SizedBox
              .shrink() /*SafeArea(
            child: Container(
                padding:
                    const EdgeInsets.symmetric(horizontal: 32, vertical: 8.0),
                height: MediaQuery.of(context).size.height * 0.2,
                child: Center(
                  child: Text("bottom sheet!"),
                )),
          ),*/
          ),
    );
  }
}

```

</details>


### Screenshots or Video

<details>
<summary>Screenshots / Video demonstration</summary>

When i clean cache and open link in first time:

![erro](https://github.com/flutter/flutter/assets/6729648/102d8a29-749e-4ee8-9c48-1a3ee7305211)

When i refresh page several times its work:

![ok](https://github.com/flutter/flutter/assets/6729648/fc0756bf-15bc-46d0-868d-9d60846e49fa)



</details>


### Logs

<details><summary>Logs</summary>

```console
[Paste your logs here]
```

</details>


### Flutter Doctor output

<details><summary>Doctor output</summary>

```console
base) ranulfosouza@Ranulfos-MacBook-Air teste_safe_area % flutter doctor -v
[✓] Flutter (Channel stable, 3.10.5, on macOS 13.5 22G74 darwin-arm64, locale en-BR)
    • Flutter version 3.10.5 on channel stable at /Users/ranulfosouza/development/flutter
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision 796c8ef792 (9 weeks ago), 2023-06-13 15:51:02 -0700
    • Engine revision 45f6e00911
    • Dart version 3.0.5
    • DevTools version 2.23.1

[✓] Android toolchain - develop for Android devices (Android SDK version 33.0.1)
    • Android SDK at /Users/ranulfosouza/Library/Android/sdk
    • Platform android-33, build-tools 33.0.1
    • Java binary at: /Applications/Android Studio.app/Contents/jre/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 11.0.12+0-b1504.28-7817840)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 14.3.1)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Build 14E300c
    • CocoaPods version 1.11.3

[✓] Chrome - develop for the web
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio (version 2021.2)
    • 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.12+0-b1504.28-7817840)

[✓] VS Code (version 1.80.2)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.70.0

[✓] Connected device (3 available)
    • iPhone (mobile) • 832806649ffd507f0dc4d114bf99052f27163f97 • ios            • iOS 15.7.1 19H117
    • macOS (desktop) • macos                                    • darwin-arm64   • macOS 13.5 22G74 darwin-arm64
    • Chrome (web)    • chrome                                   • web-javascript • Google Chrome 115.0.5790.170

[✓] Network resources
    • All expected network resources are available.

• No issues found!
```

</details>