Skip to content

Input box issue in Flutter Web under iOS 27 system #188781

Closed

Description

@zjqls666

Follow the instructions in the following video:
In the Flutter web environment,
I used the TextField component.
After I input some text, by long-pressing and dragging the cursor, I found that the cursor got stuck there.
At this point, if the keyboard hasn't been closed, you can continue to input. However, if it has been closed. If you click the input box again, you will find that it won't move and the keyboard cannot be invoked either.

20260630-182444.mp4

Activity

  1. puneetkukreja98 commented on Jun 30, 2026

    @puneetkukreja98
    Contributor

    @zjqls666 Thanks for reporting the issue! Could you please share a Minimal Reproducible Example (MRE) along with your flutter doctor -v output?

  2. added
    waiting for responseThe Flutter team cannot make further progress on this issue until the original reporter responds
    and removed
    in triagePresently being triaged by the triage team
    on Jun 30, 2026
  3. zjqls666 commented on Jul 1, 2026

    @zjqls666
    Author

    @zjqls666 Thanks for reporting the issue! Could you please share a Minimal Reproducible Example (MRE) along with your output?flutter doctor -v

    FLUTTER DOCTOR

    [✓] Flutter (Channel stable, 3.44.4, on macOS 26.4 25E246 darwin-arm64, locale zh-Hans-CN) [328ms]
        • Flutter version 3.44.4 on channel stable at /Users/g000180/fvm/versions/3.44.4
        • Upstream repository https://github.com/flutter/flutter.git
        • Framework revision ad70ec4617 (6 days ago), 2026-06-24 11:07:06 -0700
        • Engine revision a10d8ac38d
        • Dart version 3.12.2
        • DevTools version 2.57.0
        • Feature flags: enable-web, no-enable-linux-desktop, no-enable-macos-desktop, no-enable-windows-desktop,
          enable-android, enable-ios, cli-animations, enable-native-assets, enable-swift-package-manager,
          omit-legacy-version-file, enable-lldb-debugging, enable-uiscene-migration
    
    [✗] Android toolchain - develop for Android devices [235ms]
        ✗ Unable to locate Android SDK.
          Install Android Studio from: https://developer.android.com/studio/index.html
          On first launch it will assist you in installing the Android SDK components.
          (or visit https://flutter.dev/to/macos-android-setup for detailed instructions).
          If the Android SDK has been installed to a custom location, please use
          `flutter config --android-sdk` to update to that location.
    
    
    [✓] Xcode - develop for iOS and macOS (Xcode 26.0.1) [1,991ms]
        • Xcode at /Applications/Xcode.app/Contents/Developer
        • Build 17A400
        • CocoaPods version 1.16.2
    
    [✓] Chrome - develop for the web [4ms]
        • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome
    
    [✓] Connected device (1 available) [9.2s]
        • Chrome (web) • chrome • web-javascript • Google Chrome 149.0.7827.200
        ! Error: Browsing on the local area network for 一车肌肉. Ensure the device is unlocked and attached with a cable or
          associated with the same local area network as this Mac.
          The device must be opted into Developer Mode to connect wirelessly. (code -27)
    
    [✓] Network resources [533ms]
        • All expected network resources are available.
    
    ! Doctor found issues in 1 category.
    

    CODE:

    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(
          title: 'Simple Input',
          home: Scaffold(
            appBar: AppBar(title: const Text('输入')),
            body: const Padding(
              padding: EdgeInsets.all(16),
              child: TextField(
                decoration: InputDecoration(
                  border: OutlineInputBorder(),
                  hintText: '请输入内容',
                ),
              ),
            ),
          ),
        );
      }
    }
    

    RUN

    Use "flutter run -d web-server --web-hostname 0.0.0.0 --web-port 8181" to run. Then, access it via the browser on the iPhone 27 device.

  4. removed
    waiting for responseThe Flutter team cannot make further progress on this issue until the original reporter responds
    on Jul 1, 2026
  5. sreevishnuqa commented on Jul 1, 2026

    @sreevishnuqa

    @puneetkukreja98
    Verified the issue on the latest stable Flutter environment and was able to reproduce it consistently.

    Environment:

    Flutter: 3.44.4 (stable)
    macOS: 26.6 (25G5028f)
    Xcode: 26.6 (Build 17F113)
    Chrome: 149.0.7827.201
    Device: iPhone 17 running iOS 27.0 (24A5370h)

    **

    22222.mov

    **
    vishnu@vishnu ~ % flutter doctor -v
    [✓] Flutter (Channel stable, 3.44.4, on macOS 26.6 25G5028f darwin-arm64, locale en-US) [484ms]
    • Flutter version 3.44.4 on channel stable at /Users/vishnu/flutter
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision ad70ec4 (7 days ago), 2026-06-24 11:07:06 -0700
    • Engine revision a10d8ac
    • Dart version 3.12.2
    • DevTools version 2.57.0
    • Feature flags: enable-web, enable-linux-desktop, enable-macos-desktop, enable-windows-desktop, enable-android,
    enable-ios, cli-animations, enable-native-assets, enable-swift-package-manager, omit-legacy-version-file,
    enable-lldb-debugging, enable-uiscene-migration

    [✓] Android toolchain - develop for Android devices (Android SDK version 37.0.0) [1,672ms]
    • Android SDK at /Users/vishnu/Library/Android/sdk
    • Emulator version 36.6.11.0 (build_id 15507667) (CL:N/A)
    • Platform android-37.0, build-tools 37.0.0
    • ANDROID_HOME = /Users/vishnu/Library/Android/sdk
    • Java binary at: /Applications/Android Studio.app/Contents/jbr/Contents/Home/bin/java
    This is the JDK bundled with the latest Android Studio installation on this machine.
    To manually set the JDK path, use: flutter config --jdk-dir="path/to/jdk".
    • Java version OpenJDK Runtime Environment (build 21.0.10+-117844308-b1163.108)
    • All Android licenses accepted.

    [✓] Xcode - develop for iOS and macOS (Xcode 26.6) [1,032ms]
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Build 17F113
    • CocoaPods version 1.16.2

    [✓] Chrome - develop for the web [4ms]
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

    [✓] Connected device (3 available) [10.0s]
    • flutter’s iPhone (mobile) • 00008150-00125C1401C2401C • ios • iOS 27.0 24A5370h
    • macOS (desktop) • macos • darwin-arm64 • macOS 26.6 25G5028f darwin-arm64
    • Chrome (web) • chrome • web-javascript • Google Chrome 149.0.7827.201
    ! Error: Browsing on the local area network for Quincy iphone 14 pro. Ensure the device is unlocked and attached
    with a cable or associated with the same local area network as this Mac.
    The device must be opted into Developer Mode to connect wirelessly. (code -27)

    [✓] Network resources [1,098ms]
    • All expected network resources are available.

    • No issues found!

  6. puneetkukreja98 commented on Jul 1, 2026

    @puneetkukreja98
    Contributor

    I connected with @sreevishnuqa over chat, and he was able to reproduce the issue on an iPhone 17 running iOS 27 beta (video shared).

    Findings:

    1. The cursor gets stuck and does not move.
    2. The app hangs after closing the keyboard.

    Routing this to team-text-input for further investigation.

    22222.mov
  7. added
    fyi-iosFor the attention of iOS platform team
    platform-webWeb applications specifically
    a: text inputEntering text in a text field or keyboard related problems
    f: selectionSelectableRegion, SelectionArea, SelectionContainer, Selectable, and related APIs
    and removed
    in triagePresently being triaged by the triage team
    on Jul 1, 2026
  8. 12 remaining items

  9. added
    P0Critical issues such as a build break or regression
    engineflutter/engine related. See also e: labels.
    team-webOwned by Web platform team
    and removed on Jul 7, 2026
  10. yjbanov commented on Jul 7, 2026

    @yjbanov
    Contributor

    Decided to treat this as a P0 during the investigation phase. This may need a hot fix, because iOS update can break Flutter Web apps with no action from the developer or the Flutter team. If the investigation shows that this is less than P0, we'll drop the priority back.

  11. moved this from Incoming Issues to In progress in SelectableRegion Improvementson Jul 16, 2026
  12. added a commit that references this issue on Jul 24, 2026
    b4f7989
  13. github-actions commented on Aug 7, 2026

    @github-actions

    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 -v and a minimal reproduction of the issue.

  14. locked as resolved and limited conversation to collaborators on Aug 7, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

P0Critical issues such as a build break or regressiona: text inputEntering text in a text field or keyboard related problemsengineflutter/engine related. See also e: labels.f: selectionSelectableRegion, SelectionArea, SelectionContainer, Selectable, and related APIsplatform-webWeb applications specificallyteam-webOwned by Web platform teamwaiting for PR to land (fixed)A fix is in flight

Type

No type

Projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions