Skip to content

Outlined text fields with prefix icons have incorrect label alignment #113537

@esouthren

Description

@esouthren

The spec (in Material 2 and 3) indicates that when an outlined text field is used with a prefix icon, the label text should align to the left of the icon, like so:

9DqkfTybXTH9Fvs

However, in Material 2 and 3, this label is aligned to the input text rather than the icon:

material2_example
material3_example

This issue also occurs when RTL text is set:

Screenshot 2022-10-17 at 16 10 37

Metadata

Metadata

Assignees

Labels

a: text inputEntering text in a text field or keyboard related problemsf: material designflutter/packages/flutter/material repository.frameworkflutter/packages/flutter repository. See also f: labels.

Type

No type

Projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions