[Web]: TextField does not scroll with keyboard when SHIFT is pressed #107707
Description
Steps to Reproduce
- Create a
TextFieldwith content taller than its height. - Click the last visible line of text.
- Hold SHIFT key.
- Press DOWN to select to the line below.
Expected results: TextField scrolls down so the newly selected line is visible, and the cursor is visible.
Actual results: TextField does not scroll, and the cursor is below the visible TextField area.
DartPad: https://dartpad.dev/9f4981238069b6c927b328e096cc97d1
vokoscreen-2022-07-15_12-14-17.mp4
main.dart
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
final controller = TextEditingController(text: '1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n');
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: Container(
color: Colors.grey,
child: TextField(
controller: controller,
maxLines: 8,
),
),
),
);
}
}flutter doctor -v
[✓] Flutter (Channel stable, 3.0.4, on Ubuntu 20.04.4 LTS 5.14.0-1045-oem, locale en_US.UTF-8)
• Flutter version 3.0.4 at /home/alexey/snap/flutter/common/flutter
• Upstream repository https://github.com/flutter/flutter.git
• Framework revision 85684f9300 (2 weeks ago), 2022-06-30 13:22:47 -0700
• Engine revision 6ba2af10bb
• Dart version 2.17.5
• DevTools version 2.12.2
[!] Android toolchain - develop for Android devices (Android SDK version 33.0.0)
• Android SDK at /home/alexey/Android/Sdk
✗ cmdline-tools component is missing
Run `path/to/sdkmanager --install "cmdline-tools;latest"`
See https://developer.android.com/studio/command-line for more details.
✗ Android license status unknown.
Run `flutter doctor --android-licenses` to accept the SDK licenses.
See https://flutter.dev/docs/get-started/install/linux#android-setup for more details.
[✓] Chrome - develop for the web
• Chrome at google-chrome
[✓] Linux toolchain - develop for Linux desktop
• clang version 6.0.0-1ubuntu2 (tags/RELEASE_600/final)
• cmake version 3.10.2
• ninja version 1.8.2
• pkg-config version 0.29.1
[✓] Android Studio (version 2021.2)
• Android Studio at /home/alexey/bin/android-studio
• Flutter plugin version 68.1.2
• Dart plugin version 212.5744
• Java version OpenJDK Runtime Environment (build 11.0.12+0-b1504.28-7817840)
[✓] VS Code (version 1.68.1)
• VS Code at /usr/share/code
• Flutter extension can be installed from:
🔨 https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter
[✓] Connected device (2 available)
• Linux (desktop) • linux • linux-x64 • Ubuntu 20.04.4 LTS 5.14.0-1045-oem
• Chrome (web) • chrome • web-javascript • Google Chrome 103.0.5060.53
[✓] HTTP Host Availability
• All required HTTP hosts are available
! Doctor found issues in 1 category.
Metadata
Metadata
Assignees
Labels
High-priority issues at the top of the work listA truly polished experienceEntering text in a text field or keyboard related problemsflutter/engine related. See also e: labels.Found to occur in 3.0Found to occur in 3.1flutter/packages/flutter repository. See also f: labels.The issue has been confirmed reproducible and is ready to work onWeb applications specifically