Skip to content

Conversation

@bleroux
Copy link
Contributor

@bleroux bleroux commented May 23, 2024

Description

This PRs makes the InputDecoration.hintText style compliant with the M3 spec.
The hint style is not clearly specified in https://m3.material.io/components/text-fields/specs, but it is in the M3 Figma kit.
('hint' terminology came from the Material1 specification, since M2 the terminology is 'Placeholder').

See this Figma screenshot taken while focusing on the 'Placeholder' text (which corresponds to hint).

image

It seems that the intention is that the 'Placeholder' colors should be the same as the 'supporting text' ones, that is why is reused 'supporting text' tokens.

Related Issue

Fixes #148787.

Tests

Updates several tests.

@github-actions github-actions bot added a: text input Entering text in a text field or keyboard related problems framework flutter/packages/flutter repository. See also f: labels. f: material design flutter/packages/flutter/material repository. labels May 23, 2024
@flutter-dashboard
Copy link

Golden file changes have been found for this pull request. Click here to view and triage (e.g. because this is an intentional change).

If you are still iterating on this change and are not ready to resolve the images on the Flutter Gold dashboard, consider marking this PR as a draft pull request above. You will still be able to view image results on the dashboard, commenting will be silenced, and the check will not try to resolve itself until marked ready for review.

For more guidance, visit Writing a golden file test for package:flutter.

Reviewers: Read the Tree Hygiene page and make sure this patch meets those guidelines before LGTMing.

Changes reported for pull request #148944 at sha c1a4310d1ef325e3bce2316a25e86c79d18a82f4

@flutter-dashboard flutter-dashboard bot added the will affect goldens Changes to golden files label May 23, 2024
@bleroux bleroux requested a review from Renzo-Olivares May 23, 2024 15:58
@bleroux
Copy link
Contributor Author

bleroux commented May 23, 2024

@Renzo-Olivares This a follow-up PR to #148113 where I added the TODOs.

Copy link
Contributor

Choose a reason for hiding this comment

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

nit: period at the end of this sentence.

@bleroux bleroux force-pushed the fix_input_decorator_hint_default_style_on_M3 branch from c1a4310 to 8627db8 Compare May 24, 2024 06:23
@flutter-dashboard
Copy link

Golden file changes are available for triage from new commit, Click here to view.

For more guidance, visit Writing a golden file test for package:flutter.

Reviewers: Read the Tree Hygiene page and make sure this patch meets those guidelines before LGTMing.

Changes reported for pull request #148944 at sha 8627db8

@bleroux bleroux requested a review from Renzo-Olivares May 24, 2024 13:47
@Renzo-Olivares
Copy link
Contributor

cc @guidezpl This LGTM but wanted to get your input on this since I'm not too familiar with the m3 spec.

Copy link
Member

@guidezpl guidezpl left a comment

Choose a reason for hiding this comment

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

Disreguard previous review, LGTM :)

@bleroux
Copy link
Contributor Author

bleroux commented May 28, 2024

@Renzo-Olivares The Google tests failures are probably legit. Can you please have a look?

@Renzo-Olivares
Copy link
Contributor

@bleroux I just looked through the google testing failures and they all look expected. I'll try to land this tomorrow.

@Renzo-Olivares Renzo-Olivares requested a review from chingjun May 31, 2024 19:01
@chingjun chingjun added the autosubmit Merge PR when tree becomes green via auto submit App label May 31, 2024
@auto-submit auto-submit bot merged commit b201fbd into flutter:master May 31, 2024
@Renzo-Olivares
Copy link
Contributor

@bleroux I missed the golden changes when reviewing this. I took a look https://flutter-gold.skia.org/detail?grouping=name%3Dmaterial.m3_input_decorator.outline_icon_label.rtl%26source_type%3Dflutter&digest=0ebe1c484196c24b21ab16fc22738bab but am a little unsure. It looks like the floating label is being affected which I didn't expect.

@loic-sharma
Copy link
Member

Reason for revert: This caused Skia golden changes that might be unexpected. We can reland once we confirm these changes are expected, or, fixed the changes to the floating label.

@loic-sharma loic-sharma added the revert Autorevert PR (with "Reason for revert:" comment) label May 31, 2024
auto-submit bot pushed a commit that referenced this pull request May 31, 2024
@auto-submit auto-submit bot removed the revert Autorevert PR (with "Reason for revert:" comment) label May 31, 2024
auto-submit bot added a commit that referenced this pull request May 31, 2024
…149448)

Reverts: #148944
Initiated by: loic-sharma
Reason for reverting: This caused Skia golden changes that might be unexpected. We can reland once we confirm these changes are expected, or, fixed the changes to the floating label.
Original PR Author: bleroux

Reviewed By: {Renzo-Olivares, guidezpl}

This change reverts the following previous change:
## Description

This PRs makes the `InputDecoration.hintText` style compliant with the M3 spec.
The hint style is not clearly specified in https://m3.material.io/components/text-fields/specs, but it is in the M3 Figma kit.
('hint' terminology came from the Material1 specification, since M2 the terminology is 'Placeholder').

See this Figma screenshot taken while focusing on the 'Placeholder' text (which corresponds to hint).

![image](https://github.com/flutter/flutter/assets/840911/58d3d5c9-0984-497a-9d47-4724dcd7b2b3)

It seems that the intention is that the 'Placeholder' colors should be the same as the 'supporting text' ones, that is why is reused 'supporting text' tokens.

## Related Issue

Fixes #148787.

## Tests

Updates several tests.
engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Jun 2, 2024
engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Jun 2, 2024
engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Jun 3, 2024
engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Jun 3, 2024
engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Jun 3, 2024
engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Jun 3, 2024
engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Jun 3, 2024
engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Jun 3, 2024
engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Jun 3, 2024
engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Jun 3, 2024
engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Jun 3, 2024
auto-submit bot pushed a commit that referenced this pull request Jun 25, 2024
## Description

This PR is a partial reland of #148944 which was reverted in #149448.
It makes the `InputDecoration.hintText` colors compliant with the M3 spec.
The initial PR also changed the font style, I will land the font change in another PR to better track the golden changes.

## Related Issue

Related to the color part of #148787.

## Tests

Updates several tests.
auto-submit bot pushed a commit that referenced this pull request Jul 17, 2024
## Description

This PR is a partial reland of #148944 which was reverted in #149448.
It makes the `InputDecoration.hintText` font style compliant with the M3 spec.

(First part of the reland was merged in #150278)

## Related Issue

Fixes #148787.

## Tests

Updates several tests.
engine-flutter-autoroll added a commit to engine-flutter-autoroll/packages that referenced this pull request Aug 6, 2024
@bleroux bleroux deleted the fix_input_decorator_hint_default_style_on_M3 branch August 7, 2024 06:49
TytaniumDev pushed a commit to TytaniumDev/flutter that referenced this pull request Aug 7, 2024
## Description

This PR is a partial reland of flutter#148944 which was reverted in flutter#149448.
It makes the `InputDecoration.hintText` font style compliant with the M3 spec.

(First part of the reland was merged in flutter#150278)

## Related Issue

Fixes flutter#148787.

## Tests

Updates several tests.
Buchimi pushed a commit to Buchimi/flutter that referenced this pull request Sep 2, 2024
## Description

This PR is a partial reland of flutter#148944 which was reverted in flutter#149448.
It makes the `InputDecoration.hintText` font style compliant with the M3 spec.

(First part of the reland was merged in flutter#150278)

## Related Issue

Fixes flutter#148787.

## Tests

Updates several tests.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

a: text input Entering text in a text field or keyboard related problems autosubmit Merge PR when tree becomes green via auto submit App f: material design flutter/packages/flutter/material repository. framework flutter/packages/flutter repository. See also f: labels. will affect goldens Changes to golden files

Projects

None yet

Development

Successfully merging this pull request may close these issues.

InputDecoration.hintText default text style is not compliant with M3 spec

5 participants