Skip to content

[web] Text selection from right to left inside text fields is broken #74504

@zengraf

Description

@zengraf

Steps to Reproduce

Tested on master branch

  1. Run flutter config --enable-web
  2. Run flutter create bug.
  3. Replace MyHomePage class with this code
class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Padding(
          padding: const EdgeInsets.all(64.0),
          child: TextFormField(maxLines: 4),
        ),
      ),
    );
  }
}
  1. Run flutter run -d chrome

Expected results:
This was run on 1.26.0-1.0.pre-dev

Text.selection.right.mp4

Actual results:
If selected from left to right everything works fine, but if selected from right to left, you cannot manipulate the selected text.

Text.Selection.mp4
Logs
Analyzing bug...
No issues found! (ran in 1.4s)
[✓] Flutter (Channel master, 1.26.0-13.0.pre.120, on macOS 11.1 20C69
    darwin-x64, locale en-GB)
    • Flutter version 1.26.0-13.0.pre.120 at
      /Users/zengraf/Projects/uj-software-testing/test_apps/flutter
    • Framework revision 46b0797b58 (7 hours ago), 2021-01-22 14:48:49 +0500
    • Engine revision 90641fa923
    • Dart version 2.12.0 (build 2.12.0-248.0.dev)

[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
    • Android SDK at /Users/zengraf/Library/Android/sdk
    • Platform android-30, build-tools 30.0.3
    • Java binary at: /Users/zengraf/Library/Application
      Support/JetBrains/Toolbox/apps/AndroidStudio/ch-0/201.6953283/Android
      Studio.app/Contents/jre/jdk/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build
      1.8.0_242-release-1644-b3-6915495)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Xcode 12.3, Build version 12C33
    • CocoaPods version 1.10.1

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

[✓] Android Studio (version 4.1)
    • Android Studio at /Users/zengraf/Library/Application
      Support/JetBrains/Toolbox/apps/AndroidStudio/ch-0/201.6953283/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
      1.8.0_242-release-1644-b3-6915495)

[✓] Connected device (2 available)
    • iPhone 12 Pro Max (mobile) • 9E677C17-37B2-4E6B-BF9C-977D6E1B38D9 • ios
      • com.apple.CoreSimulator.SimRuntime.iOS-14-3 (simulator)
    • Chrome (web)               • chrome                               •
      web-javascript • Google Chrome 87.0.4280.141

• No issues found!

Metadata

Metadata

Assignees

Labels

P0Critical issues such as a build break or regressiona: text inputEntering text in a text field or keyboard related problemsc: regressionIt was better in the past than it is nowf: material designflutter/packages/flutter/material repository.found in release: 1.26Found to occur in 1.26has reproducible stepsThe issue has been confirmed reproducible and is ready to work onplatform-webWeb applications specificallyr: solvedIssue is closed as solved

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions