TextField cursor is misplaced when regain focus & textAlign is end, right, or center

[siaojiecai]

Another issue similar to issue #18483

After input some text, and click the left side of the textfield
the cursor is still at the end of the textfield, while the actual focus is at the start of the textfield.
You can see from the gif how new characters are appended, and also how backspace stop working after additional characters are deleted.

import 'package:flutter/material.dart';

void main() => runApp(new MyApp());

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: 'Flutter Demo',
      theme: new ThemeData(),
      home: new Scaffold(
        appBar: new AppBar(
          title: new Text("TextField Cursor"),
        ),
        body: new Center(
          child: TextField(
            textAlign: TextAlign.end,
          ),
        ),
      ),
    );
  }
}

Flutter doctor -v

[✓] Flutter (Channel master, v0.8.2-pre.24, on Mac OS X 10.13.6 17G65, locale zh-Hant-TW)
    • Flutter version 0.8.2-pre.24 at /Users/aniki/git/flutter
    • Framework revision 4d9bbc10f2 (26 hours ago), 2018-09-09 03:15:34 -0400
    • Engine revision 1770f88548
    • Dart version 2.1.0-dev.4.0.flutter-cd9a42239f

[✓] Android toolchain - develop for Android devices (Android SDK 27.0.3)
    • Android SDK at /Users/aniki/Library/Android/sdk
    • Android NDK at /Users/aniki/Library/Android/sdk/ndk-bundle
    • Platform android-28, build-tools 27.0.3
    • ANDROID_HOME = /Users/aniki/Library/Android/sdk
    • Java binary at: /Applications/Android Studio.app/Contents/jre/jdk/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 1.8.0_152-release-1024-b01)
    • All Android licenses accepted.

[✓] iOS toolchain - develop for iOS devices (Xcode 9.4.1)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Xcode 9.4.1, Build version 9F2000
    • ios-deploy 1.9.2
    • CocoaPods version 1.5.3

[✓] Android Studio (version 3.1)
    • Android Studio at /Applications/Android Studio.app/Contents
    • Flutter plugin version 28.0.1
    • Dart plugin version 173.4700
    • Java version OpenJDK Runtime Environment (build 1.8.0_152-release-1024-b01)

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

[✓] Connected devices (2 available)
    • Android SDK built for x86 64 • emulator-5554                        • android-x64 • Android 9 (API 28) (emulator)
    • iPhone X                     • BE0CF3F0-CCBB-469B-A1FE-BE5530372455 • ios         • iOS 11.4 (simulator)

[ozc]

I have the same issue with RTL languages. I will add flutter doctor output.

[DhudumVishal]

I have the same issue, the focus stays on correct position but the cursor is shown on the right corner.

Links for
code
video

[p30arena]

Same Issue when Locale is set to a RTL Language;
When using LTR characters "only" or "combined" with RTL characters in the TextField.
I can't also adjust the Cursor between characters or at the beginning.

[√] Flutter (Channel dev, v0.11.2, on Microsoft Windows [Version 6.3.9600], locale en-US)
    • Flutter version 0.11.2 at M:\flutter
    • Framework revision e32cd85446 (2 weeks ago), 2018-11-09 14:26:21 -0800
    • Engine revision 316f6365a6
    • Dart version 2.1.0 (build 2.1.0-dev.9.3 9c07fb64c4)

[√] Android toolchain - develop for Android devices (Android SDK 27.0.3)
    • Android SDK at D:\Android\sdk
    • Android NDK location not configured (optional; useful for native profiling support)
    • Platform android-27, build-tools 27.0.3
    • ANDROID_HOME = D:\Android\sdk
    • Java binary at: C:\Program Files\Java\jdk1.8.0_45\bin\java
    • Java version Java(TM) SE Runtime Environment (build 1.8.0_45-b15)
    • All Android licenses accepted.

[!] Android Studio (not installed)
    • Android Studio not found; download from https://developer.android.com/studio/index.html
      (or visit https://flutter.io/setup/#android-setup for detailed instructions).

[√] Connected device (1 available)
    • Android SDK built for x86 • emulator-5554 • android-x86 • Android 6.0 (API 23) (emulator)

! Doctor found issues in 1 category.

[vidklopcic]

If textAlign is set to TextAlign.center, cursor jumps to the middle after each whitespace character:

Reproducible on master with TextField and TextFormField.

This problem is preventing us from publishing the app, so any suggestions or fixes would be really appreciated!

[Kartik1607]

+1 Having same issue with center text.

TextField(
    textAlign: TextAlign.center,
    maxLines: 1,
    decoration: InputDecoration(
        border: InputBorder.none,
        prefixIcon: Icon(Icons.list, color: Colors.black54,),
        suffixIcon: Icon(Icons.search, color: Colors.black54,),
        hintText: "Search Restaurant",
    ),
)

[p30arena]

#21679 (comment)

Locale is set to a RTL Language;
When using LTR characters "only" or "combined" with RTL characters in the TextField.
I can't also adjust the Cursor between characters or at the beginning.

problem still persists in flutter 1.1.2

https://gfycat.com/CoolGrandioseBlueshark

[√] Flutter (Channel dev, v1.1.2, on Microsoft Windows [Version 6.3.9600], locale en-US)
    • Flutter version 1.1.2 at M:\flutter
    • Framework revision d675bbbd3a (4 days ago), 2018-12-14 10:59:31 -0500
    • Engine revision 101b27da7a
    • Dart version 2.1.0 (build 2.1.0-dev.9.4 f9ebf21297)

[√] Android toolchain - develop for Android devices (Android SDK 27.0.3)
    • Android SDK at D:\Android\sdk
    • Android NDK location not configured (optional; useful for native profiling support)
    • Platform android-27, build-tools 27.0.3
    • ANDROID_HOME = D:\Android\sdk
    • Java binary at: C:\Program Files\Java\jdk1.8.0_45\bin\java
    • Java version Java(TM) SE Runtime Environment (build 1.8.0_45-b15)
    • All Android licenses accepted.

[!] Android Studio (not installed)
    • Android Studio not found; download from https://developer.android.com/studio/index.html
      (or visit https://flutter.io/setup/#android-setup for detailed instructions).

[√] Connected device (1 available)
    • Android SDK built for x86 • emulator-5554 • android-x86 • Android 6.0 (API 23) (emulator)

! Doctor found issues in 1 category.

[zoechi]

Duplicate of #21193

[GaryQian]

@Kartik1607 Are you still finding that the caret jumps to the center? That specific behavior should have been fixed by flutter/engine#7164. Have you tried the master channel?

The RTL bug still persists and I am exploring the cause.