Skip to content

Label text color is wrong for a focused and hovered TextField #146565

@bleroux

Description

@bleroux

Steps to reproduce

  1. Launch the code sample.
  2. Move the mouse to hover or unhover the text field.

Expected results

The label text color (error color in this sample) should be the one for focused state whether the field is hovered or not:

Enregistrement.de.l.ecran.2024-04-10.a.14.08.14.mov

Similarly to #146127 which fixes the border color.

Actual results

The label text color changes depending on the hovered state:

Enregistrement.de.l.ecran.2024-04-10.a.14.06.31.mov

Code sample

Code sample
import 'package:flutter/material.dart';

void main() async {
  runApp(
    const MaterialApp(
      title: 'Flutter Demo',
      home: MyApp(),
    ),
  );
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return const Scaffold(
      body: Padding(
        padding: EdgeInsets.all(8.0),
        child: TextField(
          decoration: InputDecoration(
            filled: true,
            labelText: 'Label text',
            errorText: 'Error text',
          ),
        ),
      ),
    );
  }
}

Screenshots or Video

No response

Logs

No response

Flutter Doctor output

Doctor output
[!] Flutter (Channel master, 3.22.0-6.0.pre.23, on macOS 14.2.1 23C71
    darwin-arm64, locale fr-FR)
    ! Warning: `flutter` on your path resolves to
      /Users/bruno/Nevercode/flutter/bin/flutter, which is not inside your
      current Flutter SDK checkout at /Users/Bruno/Nevercode/flutter. Consider
      adding /Users/Bruno/Nevercode/flutter/bin to the front of your path.
    ! Warning: `dart` on your path resolves to
      /opt/homebrew/Cellar/dart/2.18.4/libexec/bin/dart, which is not inside
      your current Flutter SDK checkout at /Users/Bruno/Nevercode/flutter.
      Consider adding /Users/Bruno/Nevercode/flutter/bin to the front of your
      path.
    ! Upstream repository https://github.com/NevercodeHQ/flutter is not a
      standard remote.
      Set environment variable "FLUTTER_GIT_URL" to
      https://github.com/NevercodeHQ/flutter to dismiss this error.
[!] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
    ! Some Android licenses not accepted. To resolve this, run: flutter doctor
      --android-licenses
[!] Xcode - develop for iOS and macOS (Xcode 15.1)
    ! CocoaPods 1.11.3 out of date (1.13.0 is recommended).
        CocoaPods is used to retrieve the iOS and macOS platform side's plugin
        code that responds to your plugin usage on the Dart side.
        Without CocoaPods, plugins will not work on iOS or macOS.
        For more info, see https://flutter.dev/platform-plugins
      To upgrade see
      https://guides.cocoapods.org/using/getting-started.html#updating-cocoapods
      for instructions.
[✓] Chrome - develop for the web
[✓] Android Studio (version 2023.1)
[✓] VS Code (version 1.88.0)
[✓] Connected device (4 available)
[✓] Network resources

! Doctor found issues in 3 categories.```

</details>

Metadata

Metadata

Assignees

Labels

P2Important issues not at the top of the work lista: text inputEntering text in a text field or keyboard related problemsf: material designflutter/packages/flutter/material repository.found in release: 3.19Found to occur in 3.19found in release: 3.22Found to occur in 3.22frameworkflutter/packages/flutter repository. See also f: labels.has reproducible stepsThe issue has been confirmed reproducible and is ready to work onr: fixedIssue is closed as already fixed in a newer versionteam-text-inputOwned by Text Input team

Type

No type

Projects

Status

Done (PR merged)

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions