Skip to content

Conversation

@bleroux
Copy link
Contributor

@bleroux bleroux commented Apr 10, 2024

Description

This PRs fixes the label text color for a filled text field.
Previously, when a text field was focused and hovered, the hover color was used. With this PR the focus color is used.

Similarly to #146127.
Detailed motivation is described here: #145747 (comment)

Screenshots for a focused and hovered text field:

Before:

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

After:

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

Notice that in both cases, the background color does not change, but it should, see #14657. I will file a PR for it once this one is merged.

Related Issue

Fixes #146565

Tests

Adds M3 compliance tests for InputDecorator.labelText.

@github-actions github-actions bot added framework flutter/packages/flutter repository. See also f: labels. f: material design flutter/packages/flutter/material repository. labels Apr 10, 2024
@bleroux bleroux force-pushed the fix_label_text_color_is_wrong_for_focused_and_hovered_text_field branch 2 times, most recently from ab1b6e6 to 6295229 Compare April 10, 2024 14:20
@bleroux bleroux requested review from QuncCccccc and justinmc April 10, 2024 17:48
Copy link
Contributor

@justinmc justinmc left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM with a nit 👍

Thanks for adding all those individual tests for each situation.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

"use" => "uses"

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Same "use" => "uses"

Copy link
Contributor

@QuncCccccc QuncCccccc left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM:) Thanks for the fix!

@bleroux bleroux force-pushed the fix_label_text_color_is_wrong_for_focused_and_hovered_text_field branch from 6295229 to a1ad114 Compare April 10, 2024 20:22
@bleroux bleroux force-pushed the fix_label_text_color_is_wrong_for_focused_and_hovered_text_field branch from a1ad114 to 1326131 Compare April 11, 2024 14:49
@bleroux
Copy link
Contributor Author

bleroux commented Apr 11, 2024

@justinmc
Google testing is failing consistently on this PR. When you have some bandwidth, thank you for having a look at those failures (no hurry, this is not a blocker for me).

@justinmc
Copy link
Contributor

The Google failures were expected image diff tests, I have marked them for approval 👍

@justinmc justinmc merged commit 58ac0dc into flutter:master Apr 12, 2024
engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Apr 13, 2024
engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Apr 13, 2024
@bleroux bleroux deleted the fix_label_text_color_is_wrong_for_focused_and_hovered_text_field branch April 13, 2024 20:56
engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Apr 14, 2024
engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Apr 14, 2024
engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Apr 14, 2024
engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Apr 15, 2024
engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Apr 15, 2024
engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Apr 15, 2024
engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Apr 15, 2024
engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Apr 15, 2024
auto-submit bot pushed a commit to flutter/packages that referenced this pull request Apr 15, 2024
Manual roll requested by [email protected]

flutter/flutter@53cba24...2e748e8

2024-04-15 [email protected] Implementing control flow collections (flutter/flutter#146601)
2024-04-15 [email protected] Roll Packages from 78f684c to 6698b2d (3 revisions) (flutter/flutter#146761)
2024-04-15 [email protected] test: Fix memory leak in transitions test (flutter/flutter#146747)
2024-04-15 [email protected] Fix filled text field active indicator overflows container bounds (flutter/flutter#146637)
2024-04-14 [email protected] - Fixes _DropdownMenuState leaking text controller (flutter/flutter#146571)
2024-04-13 [email protected] Fix memory leaks in `FloatingActionButton` (flutter/flutter#146711)
2024-04-12 [email protected] Roll Flutter Engine from 0e56e3dffe43 to 1a13c7d1f40e (2 revisions) (flutter/flutter#146703)
2024-04-12 [email protected] Roll pub packages (flutter/flutter#146704)
2024-04-12 49699333+dependabot[bot]@users.noreply.github.com Bump peter-evans/create-pull-request from 6.0.2 to 6.0.3 (flutter/flutter#146702)
2024-04-12 [email protected] Avoid forwarding the data after socket is disconnected. (flutter/flutter#146665)
2024-04-12 [email protected] [flutter_tools] Fix conductor for package args roll (flutter/flutter#146646)
2024-04-12 [email protected] Roll Flutter Engine from 6b37b170998e to 0e56e3dffe43 (4 revisions) (flutter/flutter#146698)
2024-04-12 [email protected] Light sliver clean up before SliverTree (flutter/flutter#146696)
2024-04-12 [email protected] Fix label text color is wrong for a focused and hovered TextField (flutter/flutter#146572)
2024-04-12 [email protected] Fix `getOffsetForCaret` crash (flutter/flutter#146669)
2024-04-12 [email protected] Update gen_keycodes templates (flutter/flutter#146481)
2024-04-12 [email protected] Support `flutter run --wasm` and `flutter drive --wasm`. (flutter/flutter#146231)
2024-04-12 [email protected] Fix curved animation memory leak for scrollbar (flutter/flutter#146670)
2024-04-12 [email protected] Roll Packages from e98839a to 78f684c (6 revisions) (flutter/flutter#146691)

If this roll has caused a breakage, revert this CL and stop the roller
using the controls here:
https://autoroll.skia.org/r/flutter-packages
Please CC [email protected],[email protected],[email protected] on the revert to ensure that a human
is aware of the problem.

To file a bug in Packages: https://github.com/flutter/flutter/issues/new/choose

To report a problem with the AutoRoller itself, please file a bug:
https://issues.skia.org/issues/new?component=1389291&template=1850622

Documentation for the AutoRoller is here:
https://skia.googlesource.com/buildbot/+doc/main/autoroll/README.md
gilnobrega pushed a commit to gilnobrega/flutter that referenced this pull request Apr 22, 2024
…utter#146572)

Before, hovering a focused TextField would incorrect change the label color. Now it does not, which is correct per the spec.
TecHaxter pushed a commit to TecHaxter/flutter_packages that referenced this pull request May 22, 2024
)

Manual roll requested by [email protected]

flutter/flutter@53cba24...2e748e8

2024-04-15 [email protected] Implementing control flow collections (flutter/flutter#146601)
2024-04-15 [email protected] Roll Packages from 78f684c to 6698b2d (3 revisions) (flutter/flutter#146761)
2024-04-15 [email protected] test: Fix memory leak in transitions test (flutter/flutter#146747)
2024-04-15 [email protected] Fix filled text field active indicator overflows container bounds (flutter/flutter#146637)
2024-04-14 [email protected] - Fixes _DropdownMenuState leaking text controller (flutter/flutter#146571)
2024-04-13 [email protected] Fix memory leaks in `FloatingActionButton` (flutter/flutter#146711)
2024-04-12 [email protected] Roll Flutter Engine from 0e56e3dffe43 to 1a13c7d1f40e (2 revisions) (flutter/flutter#146703)
2024-04-12 [email protected] Roll pub packages (flutter/flutter#146704)
2024-04-12 49699333+dependabot[bot]@users.noreply.github.com Bump peter-evans/create-pull-request from 6.0.2 to 6.0.3 (flutter/flutter#146702)
2024-04-12 [email protected] Avoid forwarding the data after socket is disconnected. (flutter/flutter#146665)
2024-04-12 [email protected] [flutter_tools] Fix conductor for package args roll (flutter/flutter#146646)
2024-04-12 [email protected] Roll Flutter Engine from 6b37b170998e to 0e56e3dffe43 (4 revisions) (flutter/flutter#146698)
2024-04-12 [email protected] Light sliver clean up before SliverTree (flutter/flutter#146696)
2024-04-12 [email protected] Fix label text color is wrong for a focused and hovered TextField (flutter/flutter#146572)
2024-04-12 [email protected] Fix `getOffsetForCaret` crash (flutter/flutter#146669)
2024-04-12 [email protected] Update gen_keycodes templates (flutter/flutter#146481)
2024-04-12 [email protected] Support `flutter run --wasm` and `flutter drive --wasm`. (flutter/flutter#146231)
2024-04-12 [email protected] Fix curved animation memory leak for scrollbar (flutter/flutter#146670)
2024-04-12 [email protected] Roll Packages from e98839a to 78f684c (6 revisions) (flutter/flutter#146691)

If this roll has caused a breakage, revert this CL and stop the roller
using the controls here:
https://autoroll.skia.org/r/flutter-packages
Please CC [email protected],[email protected],[email protected] on the revert to ensure that a human
is aware of the problem.

To file a bug in Packages: https://github.com/flutter/flutter/issues/new/choose

To report a problem with the AutoRoller itself, please file a bug:
https://issues.skia.org/issues/new?component=1389291&template=1850622

Documentation for the AutoRoller is here:
https://skia.googlesource.com/buildbot/+doc/main/autoroll/README.md
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

f: material design flutter/packages/flutter/material repository. framework flutter/packages/flutter repository. See also f: labels.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Label text color is wrong for a focused and hovered TextField

3 participants