Skip to content

Conversation

@HansMuller
Copy link
Contributor

@HansMuller HansMuller commented Apr 21, 2020

InputDecorator: Ensure that the OutlineInputBorder's floating label is vertically centered relative to the center of the top edge of the outline.

Fixes #54028

This fix is temporarily "opt-in": the ThemeData fixTextFieldOutlineLabel enables the fix.

The fixTextFieldOutlineLabel flag will be deprecated and its default value changed to true in a future version of Flutter.

In the image below, fixTextFieldOutlineLabel is false (the default) on the left, true on the right.

Screen Shot 2020-04-20 at 6 07 31 PM

…ter of the top edge of the InputDecorator outline border
@fluttergithubbot fluttergithubbot added f: material design flutter/packages/flutter/material repository. framework flutter/packages/flutter repository. See also f: labels. labels Apr 21, 2020
@HansMuller HansMuller requested a review from gspencergoog April 21, 2020 01:08
Copy link
Contributor

@gspencergoog gspencergoog left a comment

Choose a reason for hiding this comment

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

  • Step 1

32384589-a60f0e74-c078-11e7-9bc1-e5b5287aea9d

dividerTheme: DividerThemeData.lerp(a.dividerTheme, b.dividerTheme, t),
buttonBarTheme: ButtonBarThemeData.lerp(a.buttonBarTheme, b.buttonBarTheme, t),
bottomNavigationBarTheme: BottomNavigationBarThemeData.lerp(a.bottomNavigationBarTheme, b.bottomNavigationBarTheme, t),
fixTextFieldOutlineLabel: t < 0.5 ? a.fixTextFieldOutlineLabel : b.fixTextFieldOutlineLabel,
Copy link
Contributor

Choose a reason for hiding this comment

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

Sure you don't want to lerp the adjustment? :-) (just kidding)

@fluttergithubbot fluttergithubbot merged commit cf150f9 into flutter:master Apr 21, 2020
@github-actions github-actions bot locked as resolved and limited conversation to collaborators Jul 31, 2021
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

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.

Outlined TextField floating label is too low

4 participants