[Web][Canvaskit]: error on TextFormField when using a zero height for the error text #93257
Description
Steps to Reproduce
Execute
- Execute
flutter run -d chromeon the code sample
Expected results:
Running on macos produces the proper expected result where the bottom form field doesn't show the error text
Additionally, running in HTML mode via flutter run -d chrome --web-renderer=html also produces the expected result.
Actual results:
When running on web in default (canvas) mode, the error text not only shows, but it actually shows as slightly larger despite the 0.0 sizes.
Code sample
import 'package:flutter/material.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(primarySwatch: Colors.blue),
home: Scaffold(
appBar: AppBar(title: const Text('Text Input')),
body: ListView(
padding: const EdgeInsets.all(16.0),
children: <Widget>[
TextFormField(
autovalidateMode: AutovalidateMode.always,
decoration: const InputDecoration(label: Text('Error Shows')),
validator: (value) =>
value?.isNotEmpty == true ? null : 'value is required',
),
const SizedBox(height: 16.0),
TextFormField(
autovalidateMode: AutovalidateMode.always,
decoration: const InputDecoration(
errorStyle: TextStyle(fontSize: 0.0, height: 0.0),
label: Text('Error Hides'),
),
validator: (value) =>
value?.isNotEmpty == true ? null : 'value is required',
),
],
),
),
);
}
}
Logs
n/a
Analyzing text_form_field...
No issues found! (ran in 1.2s)
flutter doctor -v
[✓] Flutter (Channel stable, 2.5.3, on macOS 11.6 20G165 darwin-x64, locale en-US)
• Flutter version 2.5.3 at /Users/jpeiffer/flutter
• Upstream repository https://github.com/flutter/flutter.git
• Framework revision 18116933e7 (3 weeks ago), 2021-10-15 10:46:35 -0700
• Engine revision d3ea636dc5
• Dart version 2.14.4
[!] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
• Android SDK at /Users/jpeiffer/Library/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/macos#android-setup for more details.
[✓] Xcode - develop for iOS and macOS
• Xcode at /Applications/Xcode.app/Contents/Developer
• Xcode 13.1, Build version 13A1030d
• CocoaPods version 1.11.2
[✓] Chrome - develop for the web
• Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome
[✓] Android Studio (version 4.2)
• 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 11.0.8+10-b944.6916264)
[✓] IntelliJ IDEA Community Edition (version 2020.1.2)
• IntelliJ at /Applications/IntelliJ IDEA CE.app
• 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
[✓] VS Code (version 1.62.0)
• VS Code at /Applications/Visual Studio Code.app/Contents
• Flutter extension version 3.28.0
In addition to the latest stable, I also checked both the dev and master channels. The issue exists in all.
Metadata
Metadata
Assignees
Labels
issue is assigned to a domain expert for further triageCanvasKit (a.k.a. Skia-on-WebGL) rendering backend for Webflutter/engine related. See also e: labels.Found to occur in 2.5Found to occur in 2.6The issue has been confirmed reproducible and is ready to work onWeb applications specificallyIssue is closed as already fixed in a newer version