[canvaskit] Cursor is shaped as a dot on canvaskit on MacOS Web #68693
Description
Steps to reproduce
- Create an app on the latest
master - Add
TextFieldwidget - execute
flutter run --debug --dart-define=FLUTTER_WEB_USE_SKIA=true -d chrome
Note:
Doesn't reproduce with web HTML. Execute flutter run -d chrome
complete code sample
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Material App',
theme: ThemeData.dark(),
home: Home(),
);
}
}
class Home extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Material App Bar'),
),
body: Center(
child: TextField(),
),
floatingActionButton: FloatingActionButton(
child: Icon(Icons.add),
onPressed: () {},
),
);
}
}
Expected Results
Cursor shape is normal
Actual Results
Cursor is shaped as a dot
Preview on the master channel
Additional context
The cursor is normal on windows when running in canvaskit, Check out #68633 (comment)
Also, the issue doesn't reproduce on the dev channel on Macos
flutter doctor -v
[✓] Flutter (Channel master, 1.24.0-2.0.pre.98, on Mac OS X 10.15.7 19H2
darwin-x64, locale en-GB)
• Flutter version 1.24.0-2.0.pre.98 at /Users/tahatesser/Code/flutter_master
• Framework revision a4ac7cce82 (4 hours ago), 2020-10-21 00:46:59 -0400
• Engine revision c2c74ed708
• Dart version 2.11.0 (build 2.11.0-240.0.dev)
[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.2)
• Android SDK at /Users/tahatesser/Code/sdk
• Platform android-30, build-tools 30.0.2
• ANDROID_HOME = /Users/tahatesser/Code/sdk
• Java binary at: /Applications/Android
Studio.app/Contents/jre/jdk/Contents/Home/bin/java
• Java version OpenJDK Runtime Environment (build
1.8.0_242-release-1644-b3-6222593)
• All Android licenses accepted.
[✓] Xcode - develop for iOS and macOS (Xcode 12.1)
• Xcode at /Applications/Xcode.app/Contents/Developer
• Xcode 12.1, Build version 12A7403
• CocoaPods version 1.10.0.rc.1
[✓] Chrome - develop for the web
• Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome
[✓] Android Studio (version 4.1)
• Android Studio at /Applications/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-6222593)
[✓] VS Code (version 1.50.1)
• VS Code at /Applications/Visual Studio Code.app/Contents
• Flutter extension version 3.15.1
[✓] Connected device (5 available)
• RMX2001 (mobile) • EUYTFEUSQSRGDA6D •
android-arm64 • Android 10 (API 29)
• iPhone 12 Pro Max (mobile) • 1D3E6751-99F7-4E2E-B3DC-B3BEC4BB606F • ios
• com.apple.CoreSimulator.SimRuntime.iOS-14-1 (simulator)
• macOS (desktop) • macos •
darwin-x64 • Mac OS X 10.15.7 19H2 darwin-x64
• Web Server (web) • web-server •
web-javascript • Flutter Tools
• Chrome (web) • chrome •
web-javascript • Google Chrome 86.0.4240.80
• No issues found!