Repository navigation
[Web][iOS][Safari]: Free space is shown at the bottom of screen when focussing a textfield #95010
Description
Steps to Reproduce
- Execute
flutter run -d chromeon the code sample - Open the local website on an iOS Simulator in Safari
- Click in the textfield.
- Observe the bottom area of the screen
Expected results:
I expected the yellow area to expand.
Actual results:
A blue bar appears. This area will never go away, not even after leaving the textfield or navigating to a new screen.
It is pretty bad
Code sample
import 'package:flutter/material.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: const Scaffold(
backgroundColor: Colors.yellow,
body: Center(
child: TextField(),
),
),
);
}
}
Logs
Sadly there are no logs when opening flutter web from ios simulator.
No issues found! (ran in 2.0s)
[✓] Flutter (Channel stable, 2.8.0, on macOS 12.0.1 21A559 darwin-arm, locale en-DE)
• Flutter version 2.8.0 at /opt/homebrew/Caskroom/flutter/2.5.3/flutter
• Upstream repository https://github.com/flutter/flutter.git
• Framework revision cf44000065 (2 days ago), 2021-12-08 14:06:50 -0800
• Engine revision 40a99c5951
• Dart version 2.15.0
[✓] Android toolchain - develop for Android devices (Android SDK version 31.0.0-rc5)
• Android SDK at /Users/bweber/Library/Android/sdk
• Platform android-31, build-tools 31.0.0-rc5
• Java binary at: /opt/homebrew/opt/openjdk/bin/java
• Java version OpenJDK Runtime Environment Homebrew (build 17+0)
• All Android licenses accepted.
[✓] Xcode - develop for iOS and macOS (Xcode 13.1)
• Xcode at /Applications/Xcode.app/Contents/Developer
• CocoaPods version 1.11.2
[✓] Chrome - develop for the web
• Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome
[!] Android Studio
• Android Studio at /Users/bweber/Library/Application
Support/JetBrains/Toolbox/apps/AndroidStudio/ch-2/212.5457.46.2112.7905983/And
roid Studio Preview.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
✗ Unable to find bundled Java version.
• Try updating or re-installing Android Studio.
[!] Android Studio
• Android Studio at /Users/bweber/Library/Application
Support/JetBrains/Toolbox/apps/AndroidStudio/ch-2/212.5284.40.2112.7855545/And
roid Studio Preview.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
✗ Unable to find bundled Java version.
• Try updating or re-installing Android Studio.
[✓] VS Code (version 1.63.0)
• VS Code at /Applications/Visual Studio Code.app/Contents
• Flutter extension version 3.29.0
[✓] Connected device (5 available)
• FP3 (mobile) • A209HADM0202 • android-arm64
• Android 10 (API 29)
• iPad (2) (mobile) • 00008020-000E20311A29402E • ios
• iOS 14.8.1 18H107
• iPhone 8 Plus (mobile) • 8F31D98F-D219-4F30-B1CB-0D8D6B7A8494 • ios
• com.apple.CoreSimulator.SimRuntime.iOS-15-0 (simulator)
• macOS (desktop) • macos • darwin-arm64
• macOS 12.0.1 21A559 darwin-arm
• Chrome (web) • chrome • web-javascript
• Google Chrome 96.0.4664.93
! Error: iPad (2) is busy: Fetching debug symbols for iPad (2). Xcode will
continue when iPad (2) is finished. (code -10)
! Error: MyRealiPhone is not connected. Xcode will continue when MyRealiPhone is
connected. (code -13)
! Doctor found issues in 2 categories.
Reacted by Shady Aziza, Benjamin Weber, Pablo Jiménez Pascual, GregPuccio, Slava P. and Diosel Torrefranca
Activity
darshankawar commentedon Dec 13, 2021
@bw-flagship
Thanks for the report. I tried the code sample on latest stable and master on iOS simulator, but didn't notice the issue, as below:
95010.mov
stable, master flutter doctor -v
bw-flagship commentedon Dec 13, 2021
@darshankawar thanks for the response! I figured out that this only occurs if the URL-Bar in safari is at the bottom (default since iOS 15). It occurs both on simulators and on real devices.
To reproduce, you can configure the url bar to be at the bottom in the iOS safari settings.
darshankawar commentedon Dec 14, 2021
Thanks for the pointer. I am on 14.3 and the option to change address bar position isn't available in it and seems to be specific to iOS 15, so I'll go ahead and label per the report.
[-]Ugly free space when focussing a textfield[/-][+][Web][iOS][Safari]: Free space is shown when focussing a textfield[/+]28 remaining items
htoor3 commentedon Mar 21, 2024
Is this issue still occurring? I can't reproduce this, even with the url bar on the bottom.
Screen.Recording.2024-03-21.at.12.20.08.PM.mov
bldev2473 commentedon Jun 11, 2025
Any Updates on this? problem has been not solved
flutter-zl commentedon Oct 6, 2026
I retested this on iOS 27 with the code sample from this issue, in Safari with the address bar at the bottom, and as a home-screen web app:
In all cases the view returns to its full height and no strip remains, on current master: https://flutter-demo-72-before.web.app
If you still see the strip, please share your iOS version, whether it happens in Safari or as a home-screen app, your flutter doctor -v, and a screen recording. Without a repro on current iOS, we'll close this issue in a few weeks.
github-actions commentedon Oct 27, 2026
Without additional information, we are unfortunately not sure how to resolve this issue. We are therefore reluctantly going to close this bug for now.
If you find this problem please file a new issue with the same description, what happens, logs and the output of 'flutter doctor -v'. All system setups can be slightly different so it's always better to open new issues and reference the related ones.
Thanks for your contribution.
github-actions commentedon Nov 10, 2026
This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of
flutter doctor -vand a minimal reproduction of the issue.