Skip to content
This repository has been archived by the owner on Jan 13, 2025. It is now read-only.

fix(text-field): Fix for input alignment in textfield with trailing icon #4478

Merged
merged 5 commits into from
Mar 13, 2019

Conversation

abhiomkar
Copy link
Collaborator

@abhiomkar abhiomkar commented Mar 5, 2019

Made changes to private mixin of text-field/icon: mdc-text-field-icon-horizontal-position_ by adding a new argument to send default text field input padding for trailing icon variant.

In previous implementation it assumes the leading input padding and the icon position always equals, but it is not the case in filled variant since the icon position is 4px lesser (12px) in filled variant compared to outlined variant (16px).

Before

After

Fixes #4416

Copy link
Contributor

@kfranqueiro kfranqueiro left a comment

Choose a reason for hiding this comment

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

LGTM but I left one question

@abhiomkar abhiomkar merged commit b9c5fc6 into master Mar 13, 2019
@abhiomkar abhiomkar deleted the fix/textfield_label_trailing_icon branch March 13, 2019 15:43
adrianschmidt pushed a commit to Lundalogik/material-components-web that referenced this pull request Mar 29, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants