Skip to content

fix(material/mdc-form-field): text-field should stretch based on host element #18778

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Conversation

devversion
Copy link
Member

Currently the MDC text-field uses inline-flex but does not expand
to the width of the form-field host element. We want the text-field
to be based on the actual form-field host element as it makes it easier
for developers to control the width of form-fields. i.e. adding
display: block, or specifying a maximum width.

… element

Currently the MDC text-field uses `inline-flex` but does not expand
to the width of the form-field host element. We want the text-field
to be based on the actual form-field host element as it makes it easier
for developers to control the width of form-fields. i.e. adding
`display: block`, or specifying a maximum width.
@devversion devversion added merge safe target: patch This PR is targeted for the next patch release labels Mar 10, 2020
@devversion devversion requested a review from mmalerba as a code owner March 10, 2020 11:20
@googlebot googlebot added the cla: yes PR author has agreed to Google's Contributor License Agreement label Mar 10, 2020
Copy link
Member

@jelbourn jelbourn left a comment

Choose a reason for hiding this comment

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

LGTM

@jelbourn jelbourn added lgtm action: merge The PR is ready for merge by the caretaker labels Mar 10, 2020
Copy link
Contributor

@mmalerba mmalerba left a comment

Choose a reason for hiding this comment

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

LGTM

@andrewseguin andrewseguin merged commit 26ab43b into angular:master Mar 12, 2020
andrewseguin pushed a commit that referenced this pull request Mar 12, 2020
… element (#18778)

Currently the MDC text-field uses `inline-flex` but does not expand
to the width of the form-field host element. We want the text-field
to be based on the actual form-field host element as it makes it easier
for developers to control the width of form-fields. i.e. adding
`display: block`, or specifying a maximum width.

(cherry picked from commit 26ab43b)
@angular-automatic-lock-bot
Copy link

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Apr 12, 2020
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
action: merge The PR is ready for merge by the caretaker cla: yes PR author has agreed to Google's Contributor License Agreement target: patch This PR is targeted for the next patch release
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants