Skip to content

[web] Multi line text cursor only move to start of the text #60397

@nturgut

Description

@nturgut

In Flutter for Web, for MacOS Desktop browsers, for Multiline TextFormField, the cursor can only move to the start of the text with mouse. Cursor location cannot be set between words.

On the other hand for single line text, the cursor can move between words.
Also tested on a native IOS flutter application, again the cursor can move between the words.

multilinevssingleline

flutter doctor -v

[✓] Flutter (Channel unknown, 1.20.0-3.0.pre.76, on Mac OS X 10.15.4 19E287, locale en-US)
    • Flutter version 1.20.0-3.0.pre.76 at /Users/nurhan/development/flutter
    • Framework revision fd7a72ee6f (49 minutes ago), 2020-06-26 15:18:02 -0700
    • Engine revision fc0e27210c
    • Dart version 2.9.0 (build 2.9.0-19.0.dev 63cf56d925)

 
[!] Android toolchain - develop for Android devices (Android SDK version 29.0.3)
    • Android SDK at /Users/nurhan/Library/Android/sdk
    • Platform android-29, build-tools 29.0.3
    • Java binary at: /Applications/Android Studio.app/Contents/jre/jdk/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 1.8.0_212-release-1586-b4-5784211)
    ! Some Android licenses not accepted.  To resolve this, run: flutter doctor --android-licenses

[✓] Xcode - develop for iOS and macOS (Xcode 11.5)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Xcode 11.5, Build version 11E608c
    • CocoaPods version 1.9.1

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

[!] Android Studio (version 3.6)
    • Android Studio at /Applications/Android Studio.app/Contents
    ✗ Flutter plugin not installed; this adds Flutter specific functionality.
    ✗ Dart plugin not installed; this adds Dart specific functionality.
    • Java version OpenJDK Runtime Environment (build 1.8.0_212-release-1586-b4-5784211)

[✓] VS Code (version 1.46.0)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.12.0

[✓] Connected device (4 available)
    • sdk gphone x86 • emulator-5554                        • android-x86    • Android 11 (API 30) (emulator)
    • iPhone 11 Pro  • 82A0BF3E-8596-4AE4-BFA3-4E5E45FE2CF3 • ios            • com.apple.CoreSimulator.SimRuntime.iOS-13-0 (simulator)
    • Web Server     • web-server                           • web-javascript • Flutter Tools
    • Chrome         • chrome                               • web-javascript • Google Chrome 83.0.4103.116

Difference is reproducible with one multiline one single line text field.

class _MyHomePageState extends State<MyHomePage> {
  bool isSameAddress = true;
  final TextEditingController shippingAddress1 = TextEditingController();
  
  
  @override
  Widget build(BuildContext context) {
    return ListView(
      children: <Widget>[
        const Text('Multiline text'),
        TextFormField(
          maxLines: 5,
        ),
        const Text('Single line texts'),
        TextField(
          controller: shippingAddress1,
        ),
     ],
    );
  }
}

Metadata

Metadata

Assignees

Labels

a: text inputEntering text in a text field or keyboard related problemsassigned for triageissue is assigned to a domain expert for further triageframeworkflutter/packages/flutter repository. See also f: labels.platform-webWeb applications specifically

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions