-
Notifications
You must be signed in to change notification settings - Fork 6.8k
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
fix(form-field): remove outline gap for empty labels #12637
Conversation
src/lib/form-field/form-field.ts
Outdated
labelWidth += child.offsetWidth; | ||
} | ||
|
||
this._outlineGapStart = labelStart - containerStart - outlineGapPadding; | ||
this._outlineGapWidth = labelWidth * floatingLabelScale + outlineGapPadding * 2; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
should probably also add logic to make the _outlineGapWidth
0
if the labelWidth
is 0
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Done.
a166009
to
d81e88e
Compare
Hi @crisbeto! This PR has merge conflicts due to recent upstream merges. |
Removes the outline gap in outlined form fields, if the label element doesn't have any content.
d81e88e
to
b3cb7ab
Compare
Removes the outline gap in outlined form fields, if the label element doesn't have any content.
This issue has been automatically locked due to inactivity. Read more about our automatic conversation locking policy. This action has been performed automatically by a bot. |
Removes the outline gap in outlined form fields, if the label element doesn't have any content.
For reference: