-
Notifications
You must be signed in to change notification settings - Fork 29.7k
Description
On issue #54028 the height of the label was fixed with a opt-in fix. I can't comment on the original issue, as it's locked, but from what I can see not only the height is shifted, but also where the label starts.
This is a screenshot from the original issue:
I added some vertical red lines to show the difference in start positions.
From what I can verify the issue persists. On the left is the https://material.io/components/text-fields, on the right in purple is a Flutter App:
As you can see the start position of the label on the Flutter App is too much on the left side.
This is the Material spec on the start position of the label:
I think this initial position should be fixed to match the specs, but also I would like to suggest that the user has the option to provide a "start position" value that can push the label to the end if positive and to the start if negative. This is useful when we change the radius of the outline border and the label gets in the middle of a hole:
So having a more customizable border will help to avoid this behavior.
In summary:
- Match the floating label start position to the Material Design specifications.
- Add more customization to the outline border so we can vary the label's start position and the distance from the label to the outline (the gap size).
I understand this will break many golden image tests, but also did #54028.
Metadata
Metadata
Assignees
Labels
Type
Projects
Status



